Ajax - Kaj je to? Asinhroni JavaScript in XML: prednosti in slabosti

Zdaj si lahko ogledate na internetu pridobiva popularnost uporabo in uporabo novih tehnologij. Eden od njih - je AJAX. Kaj je to? Katere lastnosti ima? Kje se prijaviti? Vsa ta vprašanja se bo našel odgovor v tem članku.

splošne informacije

Kako stoji AJAX? Kaj to pomeni? To zmanjšanje je kratica. To pomeni Asinhroni JavaScript in XML ( "Asinhroni JavaScript in IKSML"). Pogosto lahko videli ali slišali informacije, da je to novo tehnologijo. Ampak to ni res. Dejstvo, da obstajajo Javascript in XML je že precej dolgo časa, ker je "Ajax" je sinteza teh tehnologij. Najpogosteje se uporablja v povezavi z izrazom Web 2.0 in razumeti kot uporabo naprednih tehnik oblikovanja.

In kakšna funkcija?

Torej, smo že imeli splošno predstavo o tem, kaj je AJAX. Kaj nam daje v praksi? Zakaj je pa aktivno govori o svoji vlogi? Posebnost te tehnologije - je, da ko ga uporabljate, da ni treba osvežiti celo stran na prvi poziv. Konec koncev, lahko zahtevate nove podatke le za njen del. To je priročno, (ker je manj časa boste morali čakati), in stroški (za tiste, ki niso neomejeni internet). Kljub temu, da o tem obvesti uporabnika o tem, kaj se dogaja nadgradnja je zaželena uporaba vsaj indikator obremenitve ali besedilnih sporočil, da je obveščanje o novih podatkov iz strežnika. Kot je minuse tehnologija pogosto skliceval na dejstvo, da ne podpira starih in besedilne brskalnike. In sposobnost, da onemogoči Javascript tehnologijo je na uporabnika, kot mnogi in užival. Zato se ne bi smeli zlorabljati AJAX. Da lahko dajo, če ne zagotovi nadomestnega načinih zagotavljanja informacij? V najboljšem primeru so podatki le ne bo prikazan na spletni strani. V najslabšem - njen videz je tako prizadeta, da ni več uporabnik vrniti.

Prednosti "Ajax"

Ta tehnologija ponuja dva načina, s katerim se je spletna stran mogoče uresničiti. Prvi vključuje izdelavo sprememb brez ponovnega zagona. To je mogoče doseči z dinamičnimi zahteve do strežnika. Drugi vključuje uporabo posebnih tehnologij, med katerimi je najbolj priljubljen je XMLHttpRequest. Relativno lastne prednosti, "Ajax" lahko rečem naslednje:

1. Lahko ustvarite priročno spletno aplikacijo, ki bo imel vmesnik celo vrsto lepih lastnosti za uporabnika, tako da olajša človeško interakcijo in spletne strani.
2. Namesto polne strani osvežite delno. To prihrani vire in optimizira delovanje stroja.
3. Del strežnik spletnega mesta je aktivno interakcijo z uporabnikom.
4. Uporabno za izvajanje številnih idej.

komuniciranje

Tukaj, na primer, je treba obrazec za povratne informacije, ki se lahko uporablja za svetovanje strankam. Kako je to mogoče? Najprej moramo poskrbeti za "prevoznik" informacij. Da bi to naredili, boste morali ustvariti XMLHttpRequest predmeta. Pooblaščenec deluje kot posrednik med strežnikom in uporabnikovim brskalnikom. S tem objektu bo pošiljanje zahtev in prejemanje odgovorov nanje. Za neposredne izmenjave podatkov, moramo AJAX PHP. Ta orodja se lahko izvajajo s pomočjo GET- ali post-poizvedbe. V tem primeru bodo potrebni argumenti, se prenese neposredno skozi URL. Hkrati bo trajal funkcijo, in zagotoviti, da se prenos podatkov ne prekine. Ampak, kako izvajati AJAX-zahtevo? Priporočamo uporabo POST. Zahvaljujoč njemu, lahko prenese neomejeno količino podatkov, ki poleg tega, je veliko težje dostopna.

Princip delovanja

Kako so asinhroni JavaScript in XML v praksi? Naj razumem to s primerom. Vgrajen glede na strukturo, morate zagotoviti, da naročnik del nudi vso potrebno funkcionalnost za varno izmenjavo podatkov s. Zagotoviti mora vse potrebne metode za prenos podatkov izbrane načine. Del strežnik mora zagotoviti, da je obdelava podatkov, in na podlagi njih že, da pridobi nove informacije, da ga nato prenese na kupca. Najpogostejša vrsta interakcije je za delo z bazo podatkov. Smo že omenili, je sestavni del mnogih poslovnih lokacij kot obliko povratne informacije. Prednost "Ajax", v tem primeru je, da ima asinhroni prenos podatkov. Z drugimi besedami, medtem ko se podatki posredujejo, lahko uporabnik izvaja vse potrebne ukrepe, da mu je. Osredotočanje na posebnosti vsakega primera, se morate odločiti, ali želite ta postopek za obveščanje obiskovalca spletne strani. Glede na isti obrazec za povratne informacije je treba povedati, da se v tem primeru lahko zapišemo "operater pokliče odgovor", ali kaj podobnega.

odziv strežnika

On lahko pride ne samo za XML, kot si morda mislite, ker je ime tehnologije. Poleg tega se lahko prenašajo kot golo besedilo ali JSON. V prvem primeru se informacije lahko takoj prikažejo na strani. Če z uporabo XML, morate poskrbeti za to AJAX-datoteke je ustrezno predelana v brskalniku odjemalca. Vsi podatki v tem primeru se spremeni v (X) HTML. Pri uporabi JSON format, morate opraviti kodo, da bi dobili polno predmet Javascript. Treba je biti previden in upoštevati dejstvo, da mnogi hekerji želeli posredovati zlonamerno kodo, s pomočjo te tehnologije. Zato je treba predvideti postopek preverjanja podatkov, preden jih obdelujejo. Značilnosti realizacije za različne brskalnikov lahko nekoliko razlikujejo, vendar na splošno, je tožba tu je ena shema.

Izdelujemo zahtevo strežniku in predelave odziva

Celotno zaporedje ukrepov je, kot sledi:

1. Sprva, morate ustvariti in zagotoviti, da je XMLHttpRequest.
2. Potem inicializira povezavo s strežnikom.
3. Pošlji zahtevo za njo.
4. Čakamo na podatke, ki prihajajo, in jih obdelujejo.

To naj vam pove, o nekaterih funkcij za ustvarjanje predmeta. Lahko se začne v vsakem kraju, kjer je to možno le v okviru programskega jezika. Ampak, če je dobil status globalno, v katerem koli trenutku, da bi bilo mogoče delati le eno zahtevo. Na tej točki, morate pozornost. Glede zdravljenja - tukaj smo se osredotočili na izbrani instrument. Torej, če bi podatke XML obdelani Dom-funkcije in predstaviti uporabniku, je rezultat konec v HTML. In kaj storiti z JSON-rated? Treba je razumeti, da je predmet zapis Javascript. Kaj to pomeni? Zaradi JSON objekt lahko predstavimo kot niz. Vendar je treba opozoriti, da je ta metoda ni varno v celoti, in potrebujejo veliko dejavnikov, ki jih je treba upoštevati. Ampak na splošno, da je zelo enostavno.

Strani strežnika programski jeziki

Skoraj vsaka spletna aplikacija, ki jih uporablja na tak ali drugačen način. Za prenos podatkov je najbolj priljubljena PHP. Po navadi pisanje datotek za območja, kjer ni kritična hitrost prenosa podatkov, in raje ravnovesje med njo in zanesljivosti. tehnike prenosa XMLHttpRequest razpravljali zgoraj.

Konfiguracija strežnika

Kaj programi so potrebni, da bi se v celoti deloval AJAX? Kaj nam to daje? Kaj so za? Da bi dobili odgovore na ta vprašanja, morate se seznanite z naslednjega seznama:

1. HTML / XHTML. Ti ukrepi so potrebni za strežnik za priznanje postavitev strani.
2. CSS. To orodje je potrebno za vizualno izbiro oblikovanja strani.
3. DOM. To je potrebno za zagotovitev dinamične spremembe na strani kot odgovor na ukrep s strani uporabnika.
4. XML. Je potrebna za prenos podatkov med odjemalcem in strežnikom.
5. JavaScript. Moramo ustvariti kazalec "Ajax" in zagotavlja interaktivnost.
6. XMLHttpRequest. Predmet prek katerega bodo poizvedbe posredovana strežniku.

Uporaba spletne strani

Torej, zdaj imamo tako teoretično znanje in ideje o tem, kako AJAX. Pošiljanje podatkov je zdaj samo zahteva določeno prakso. Oglejmo si na splošno, kako pristopiti k izvajanju nalog s pomočjo "Ajax". Torej, moramo ustvariti zbirko podatkov voznika. In se razlikujejo naprave, ki jih je mogoče upravljati. Treba je opozoriti, da je zgoraj baza podatkov zelo velika, tako da sem ga pošlje stranki in kar ima za ponuditi, da bi izbor uporabo JavaScript nima smisla. Zaželeno je tudi, da lastnik spletne strani se ponovno naloži zaradi enega samega parametra. Na strežniku bodo zahteve ročaj posebne skripte PHP. Baza podatkov se izvaja kot XML datoteko.

O baze podatkov

Treba je izšlo njegovo strukturo. In kaj, če so opravili parametri, ki so predmeti? V takem primeru je treba zagotoviti za oblikovanje spremenljivke, kjer bo nobene povezave, da v primeru klica iz funkcije. Da bi lahko dostopate od kjerkoli je to potrebno, da bi globalno kodo. Za udobje, je zaželeno, da se uporaba sistema za upravljanje baz podatkov. Seveda, to ni potrebno. Ampak še vedno omogočajo uporabo baze podatkov za bolj udobno in učinkovito delo s podatki.

Delamo na delovanje motorja

Kako se bo vse zgodilo? Torej, pride določen dogodek, ki bo povzročilo posebno funkcijo. Ona bo pripravila GET ali POST-podatke, ki jih bodo poslali. Nato pokliče funkcijo, ki bo pritožbo na URL skripta strežnika. Zato je treba predvideti oblikovanje XMLHttpRequest-objekta. Sklicevanje na to je treba shraniti v spremenljivko. Potem, ko so bili podatki poslani na strežnik, morate počakati na odgovor od njega. Če želite to narediti, se lahko obrnete na "prisluškovanje", za pridobivanje informacij (če je znano, bo prišel in kdaj) ali za opravljanje funkcije, ki bodo vedno biti pripravljeni sprejeti podatke. Prva izvedba je manj zanesljiv v primeru izrednih razmer. Druga izvedba - dražje v smislu virov. Čeprav, če je to storjeno le v zvezi z eno spremenljivko, to ne vpliva na hiter internet. Ampak, če je na stotine in tisoče, in bodo imeli visoko ločljivost, - potem bo to druga stvar. Zato je treba poiskati ravnovesje med uporabo razpoložljivih virov in učinkovitosti. Konec koncev, je treba razumeti, da niso vsi pomnilnika do 16 GB. To lahko nastavite določen čakalni čas, po katerem substituirana prejšnje podatke ali informacije, da je strežnik ni na voljo v tem trenutku.

lastnosti

Pri uporabi "Ajax" ki ga je ustvaril vmesnik za stran ali aplikacijo, morate zagotoviti, da je rezultat dobro deluje na različnih operacijskih sistemih, in na različnih brskalnikih. V prvem primeru bodo mogli zagotoviti emulatorje neprecenljivo pomoč. V drugem primeru bo dovolj samo namestiti različne programe in jih preizkusite funkcionalnost kode. Prav tako je treba zagotoviti za nekatere ukrepe, in v primeru, da bo uporabnikov brskalnik uporablja zastarel ali pa se izklopi potrebne nastavitve. V takih primerih je treba paziti, da se za umik besedila na strani, ki navaja razlog, zakaj je mesto bere v tem primeru ni možna. Ja, zdaj je velika večina ljudi, ki uporabljajo sodobne tehnologije, vendar ne v celoti izpustil pozornosti na verjetnost in dejstva, da se bo nekaj odstotkov obiskovalcev izkoristili nekaj zastarelo programsko opremo. In v obsegu poslovanja pa ima lahko velike posledice.

zaključek

Da gre za logično koncu tega članka. Če govorimo o "Ajax" v celoti, to orodje vam omogoča, da ustvarite zelo privlačne in funkcijami bogato spletne strani, ki delujejo hitro in s pristojnim postavitev dostaviti svojim uporabnikom užitek. Nobenega dvoma ni, da bo še bolj napredne tehnologije v prihodnosti, ampak za zdaj bomo uporabili, kar imamo. Kot je izboljšanje programskih jezikov in tehnik čisto mogoče, in to je možnost, da bo na razpolago, so metode, ki bodo ustvarili še bolj kakovosten izdelek. Ampak se da, saj lahko delo, je potrebno sedaj, da je. In to ime - "Ajax".