Ajaco - Kio estas? Asynchronous JavaScript kaj XML: avantaĝoj kaj malavantaĝoj

Nun vi povas rigardi en la interreto gajnas popularecon la uzo kaj apliko de novaj teknologioj. Unu el ili - estas AJAX. Kio estas? Kio trajtoj gxi portas? Kie apliki? Ĉiuj ĉi tiuj demandoj estos trovis la respondon en ĉi tiu artikolo.

ĝenerala informo

Kiel staras AJAX? Kion tio signifas? Tiu redukto estas acrónimo. Ĝi signifas Asynchronous JavaScript kaj XML ( "Asynchronous JavaScript kaj IKSML"). Ofte oni povas vidi aŭ aŭdi la informon kiu ĉi tiu nova teknologio. Sed tio ne estas vera. La fakto ke JavaScript kaj XML, estas jam sufiĉe longa tempo, dum la "Ajax" estas sintezo de ĉi tiuj teknologioj. Plej ofte ĝi estas uzita kune kun la termino Interreto 2.0 kaj estas komprenita kiel la uzo de progresinta dezajno teknikoj.

Kaj kio trajto?

Do, ni jam havas ĝeneralan ideon de kio estas AJAX. Kion ĝi donas al ni praktike? Kial esti aktive paroli pri lian aplikon? La propreco de ĉi tiu teknologio - estas ke kiam vi uzas ĝin ne bezonas refreŝigi la tutan paĝon en la unua peto. Finfine, vi povas peti novajn datumojn nur por parto de ĝi. Tio estas konvena (ĉar la malpli da tempo vi devas atendi), kaj kosto (por tiuj kiuj ne senlima interreto). Tamen, por informi la uzanton pri kio okazas ĝisdatigo estas dezirinda uzi almenaŭ ŝarĝo indikilo aŭ teksto mesaĝojn kiuj informas pri novaj datumoj de la servilo. Kiel malpli teknologio estas ofte nomita la fakto ke ĝi ne subtenas heredaĵo kaj tekstfoliumiloj. Jes, kaj la kapablo malebligi Javascript teknologio estas ĉe la uzanto ol multaj kaj ĝuis. Tial, vi devus ne plene uzu AJAX. Ke ĝi povas doni, se ne por provizi alternativajn metodojn provizi informon? En la plej bona kazo, la informo ĝuste ne estos montrataj en la loko. En la plej malbona - lia apero estas tiel tuŝita, ke la uzanto ne plu devas reveni.

Avantaĝoj de "Ajax"

Tiu teknologio proponas du metodoj per kiuj retpaĝo povas esti realigitaj. La unua engaĝas farante ŝanĝojn sen reŝargi. Tio povas esti plenumita kun dinamika petoj al la servilo. La dua implikas la uzon de specifaj teknologioj, la plej populara el kiuj estas la XMLHttpRequest. Relative propran avantaĝojn, "Ajax" povas diri la sekvajn:

1. Vi povas krei konvenan ttt-bazita apliko, kiu interfacon havos tuta de agrablaj trajtoj por la uzanto, kun la rezulto ke faciligi homa interagado kaj retejo.
2. Anstataŭ plena paĝo reŝargi parte. Ĉi savas rimedoj kaj optimiza maŝino agado.
3. La servilo parto de la retejo estas aktive interagas kun la uzanto.
4. Utila por la efektivigo de kelkaj ideoj.

Komunikante

Ĉi tie, ekzemple, bezonas sugestoj formo, kiu povas esti uzita konsili klientojn. Kiel ĝi povas esti farita? Por komenci, vi devas prizorgi la "portanto" de informoj. Por fari tion, vi devas krei XMLHttpRequest objekto. Ĝi agas kiel peranto inter la servilo kaj la uzanto retumilo. Kun ĉi tiu celo sendos petojn kaj ricevi respondojn al ili. Por rekta interŝanĝo de datumoj, ni bezonas AJAX PHP. Ĉi tiuj iloj estas efektivigeblaj uzante GET- aŭ POST-demandoj. En ĉi tiu kazo, la necesajn argumentojn estos pasis rekte tra la URL. Samtempe ĝi ruliĝos la funkcio, kaj por certigi ke la transporto de datumoj ne estas interrompita. Sed kiel apliki AJAX-peton? Rekomendas uzi POST. Danke al li, vi povos transdoni senliman kvanton de datumoj, kiu aliflanke estas multe pli malfacile aliro.

principo de operacio

Kiel la Asynchronous JavaScript kaj XML praktike? Ni komprenas tion per ekzemplo. Enkorpigita rilate al la strukturo vi devas certigi ke la kliento parto provizas ĉiujn necesajn funkciojn por sekura datumoj interŝanĝo. Ĝi devus provizi la necesajn metodojn por transdoni informon elektitaj manieroj. La servilo parto devus certigi ke la prilaborado de la datumoj, kaj, surbaze de ili jam, por generi novajn informojn al poste fordoni ilin al la kliento. La plej ofta tipo de interago estas labori kun la datumbazo. Ni antaŭe menciis estas ero de multaj negocoj lokoj kiel formo de komentoj. La avantaĝo de "Ajax" en ĉi tiu kazo estas ke ĝi tenas nesinkrona datuma translokigo. Alivorte, dum la informo estas sendita, la uzanto povas elfari ĉiujn necesajn agojn al li. Centri en la specifaj detaloj de ĉiu kazo, vi devas decidi ĉu vi volas ĉi procezo por informi la vizitanto de la retejo. Relativa al la sama sugestoj formo devus diri ke en ĉi tiu kazo ni povas skribi "operatoro markas la respondo", aŭ io simila.

servilo respondo

Li povas veni ne nur por XML, kiel vi povus pensi pro la nomo de teknologio. Krome, ĝi povas esti transdonitaj kiel plata teksto aŭ JSON. En la unua kazo la informo povas esti tuj montrita en la paĝo. Se uzanta XML, vi devas prizorgi ke AJAX-dosiero estis konvene traktitaj en la kliento retumilo. Ĉiuj datumoj en ĉi tiu kazo estas igita (X) HTML. Kiam uzanta JSON formato, vi devas plenumi la kodon por ricevi la plenan objekto Javascript. Oni Devas atenti kaj konsideri la fakton ke multaj hackers ŝatas publikigi malica kodo per tiu teknologio. Estas sekve necesa por provizi por la datumoj konfirmo procezo antaŭ ol ili estas traktataj. Trajtoj de konscio por diversaj retumiloj povas esti iomete malsamaj, sed ĝenerale, la ago ĉi tie estas skemo.

Ni faras peton al la servilo kaj respondo rivelado

La tuta sinsekvo de agoj estas jena:

1. Komence, vi devas krei kaj por certigi ke ekzistas XMLHttpRequest.
2. Tiam inicializa servilo konekton.
3. Sendu la peton al ĝi.
4. Ni atendu datumoj veni kaj procesi ilin.

Ĝi devus diri al vi pri kelkaj el la funkcioj de la kreo de la objekto. Ĝi povas esti komencita en ajna loko kie eblas nur en la kadro de la programlingvo. Sed se li ricevis la statuson de tutmonda, en iu punkto en tempo por ĝi por esti ebla por labori kun nur unu peto. Je ĉi tiu punkto, vi bezonas por pagi proksiman atenton. Pri traktado - tie ni koncentras sur la elektita instrumento. Do, se la XML-datumoj esti pretigita DOM-funkcioj kaj prezenti la uzanto havas la fina rezulto en HTML. Kaj kion fari kun JSON-indicita? Oni devas kompreni ke ĝi estas la objekto skribmaniero Javascript. Kion tio signifas? Pro JSON povas reprezenti objekton kiel linio. Sed oni devas memori ke ĉi tiu metodo ne estas sekure sate kaj multajn faktorojn devas esti konsiderata. Sed, ĝenerale, ĝi estas tre facila.

Servilo-flanko programlingvoj

Preskaŭ ajna ttt-bazita apliko uzas ilin en unu vojo aŭ alia. Por transdono de datumoj estas la plej populara PHP. Sur ĝi kutime skribas dosierojn por lokoj, kie ne estas kritika transdono de datumoj imposto, kaj la preferata ekvilibro inter ŝi kaj fidindeco. XMLHttpRequest transdono teknikojn diskutita supre.

agordi servilo

Kio programoj estas necesa por plene funkciigi AJAX? Kion tio al ni? Kio estas ili por? Por ricevi respondojn al tiuj demandoj, vi devus konatiĝi kun la sekva listo:

1. HTML / XHTML. Ili estas necesaj por la servilo rekoni la paĝo aranĝo.
2. CSS. Tiu ilo estas necesa por vidaj elekto de paĝo dezajno.
3. DOM. Oni bezonis por certigi la dinamikaj ŝanĝoj en paĝo kiel respondo al la ago de la uzanto.
4. XML. Estas bezonata por transporto de datumoj inter la kliento kaj la servilo.
5. JavaScript. Ni devas krei kursoron "Ajax" kaj disponigi interagado.
6. XMLHttpRequest. Objekto tra kiu pridemandojn estos plusendita por la servilo.

Uzante la retejo

Do, ni nun havas la teoria scio kaj ideoj pri kiel la AJAX. Sendante datumojn nun nur postulas certan praktiko. Ni rigardu ĝenerale, kiel alproksimigi la efektivigo de la tasko uzante la "Ajax". Do, ni devas krei pelilodatumbazo. Kaj ili diferencas aparatoj kiu povas esti operaciita. Ni notu, ke la supre datumbazo estas tre granda, do mi simple sendu al la kliento, kaj li proponis fari la specimeno uzante JavaScript ne faras sencon. Estas ankaŭ dezirinde posedas retpaĝo estas reloaded pro sola parametro. Sur la servilo petoj manipulos speciala PHP skriptoj. La datumbazo estas implementado kiel XML-dosiero.

pri datumbazo

Estas necese ellabori lian strukturon. Kaj kio se la pasinta parametroj, kiuj estas la objektoj? En tia okazo oni devas provizi por la kreado de variablo, kie ekzistos neniu ligilo al la alvoko okazaĵo de la funkcio. Por povi aliri ĝin de ie ajn necesas fari tutmondan kodo. Por komforto, estas dezirinda uzi datumbazo mastrumado sistemo. Kompreneble, tio ne necesas. Sed ankoraŭ permesas la uzon de la datumbazo por labori pli komforte kaj efike kun la datumoj.

Ni laboras en motoro operacio

Kiel ĉio okazos? Do, tie venas certa evento, kio faros specialan funkcion. Ŝi prepari GET aŭ POST-datumojn kiuj estos sendita. Ĝi tiam nomas la funkcio, kiu fari alvokon al la URL de la servilo skripto. Oni Devas antaŭvidi la kreo de XMLHttpRequest-objekto. Ligilo al ĝi devus esti stokita en variablo. Post la datumoj estas sendita al la servilo, vi devas atendi respondon de li. Por fari tion, vi povas ŝalti "wiretapping" akiri informon (se konata, venu, kiam) aŭ provizi funkcio kiu ĉiam estos preta por akcepti datumojn. La unua personigo estas malpli fidinda en kazo de eksterordinara situacio. La dua konscio - pli multekosta en terminoj de rimedoj. Kvankam, se ĝi estas farita nur kun respekto al unu variablo, ĝi ne influas la rapida Interreto. Sed se estas centoj kaj miloj, kaj ili havas altan rezolucion, - tiam estos alia afero. Estas sekve necesa por serĉi ekvilibron inter la uzo de disponeblaj rimedoj kaj efikecon. Ja ĝi devas kompreni ke ne ĉiuj havas la memoro al 16 GB. Tio povas agordi iun atendanta tempo post kiuj anstataŭis la antaŭan datumoj aŭ informoj kiuj la servilo ne estas havebla ĉe ĉi tiu tempo.

trajtoj

Kiam uzanta la "Ajaco" estas kreitaj de la interfaco por la paĝo aŭ apliko, vi bezonas por certigi ke la rezulto funkcias bone en malsamaj mastrumaj sistemoj, kaj sur malsamaj retumiloj. En la unua kazo povos provizi inestimable helpo emuladores. En la dua kazo ĝi sufiĉos nur instali diversajn programojn kaj testi la funkciadon de la kodo. Ĝi estas ankaŭ necesaj por provizi por certaj agoj kaj, por se la uzanto retumilo estos uzata malnova aŭ ĝi blokis la necesajn agordojn. En tiaj kazoj, oni zorgu por la retiro de la teksto en la paĝo, deklarante la kialon kial la spektado retejon en ĉi tiu kazo ne eblas. Jes, nun la vasta plimulto de homoj uzante moderna teknologio, sed ne tute forlasis de atento al la probablo kaj la fakto ke kelkaj procentoj de vizitantoj uzos iun malaktualaj programaro. Kaj en komerco skalo ĝi povas havi gravajn konsekvencojn.

konkludo

Kiu venas al logika fino de ĉi tiu artikolo. Kiam ni parolas pri "Ajax" entute, tiu ilo permesas vin krei tre alloga kaj trajto-riĉa retejoj kiuj laboras rapide kaj kun kompetentaj aranĝo liveri al liaj uzantoj plezuro. Ne estas dubo ke estos eĉ pli altnivelaj teknologioj en la estonteco, Sed nuntempe ni uzos kion ni havas. Kiel la plibonigo de programlingvoj kaj teknikoj estas sufiĉe ebla, kaj ĉi estas eblo kiu estos disponebla, la metodoj kiuj kreos eĉ pli altkvalitaj produktoj. Sed estu kiel ĝi irus, la laboro bezonata nun estas. Kaj ĉi tiu nomo - "Ajax".