Ajax - Što je to? Asinkroni JavaScript i XML: prednosti i mane

Sada možete gledati na internetu dobivanjem popularnost upotrebu i primjenu novih tehnologija. Jedan od njih - je AJAX. Što je to? Koje značajke ima? Gdje se prijaviti? Sva ta pitanja će se naći odgovor u ovom članku.

opće informacije

Kako stoji AJAX? Što to znači? Ovo smanjenje je skraćenica. To je kratica za Asinkroni JavaScript i XML ( „Asinkroni JavaScript i IKSML”). Često možete vidjeti ili čuti informacije da ove nove tehnologije. Ali to nije istina. Činjenica da JavaScript i XML, ima već dosta dugo vremena, dok je „Ajax” je sinteza tih tehnologija. Najčešće se koristi u sprezi s pojmom Web 2.0 i podrazumijeva se korištenje naprednih tehnika dizajna.

A što je značajka?

Dakle, već smo opće ideje o tome što je AJAX. Ono što nam daje u praksi? Zašto se aktivno govoriti o njegovoj primjeni? Osobitost ove tehnologije - je da kada ga koristiti, ne morate osvježiti cijelu stranicu na prvi poziv. Uostalom, možete zatražiti nove podatke samo za dio toga. To je zgodan (jer je manje vremena ćete morati čekati), a trošak (za one koji nisu neograničen internet). Međutim, o tome obavijestiti korisnika o tome što se događa nadogradnju poželjno je koristiti najmanje indikator opterećenja ili tekstualne poruke koje informiraju o novim podacima s poslužitelja. Kao minusa tehnologija se često naziva i činjenica da ne podržava naslijeđene i tekstualne preglednike. I sposobnost to onesposobiti JavaScript je tehnologija na korisnika nego mnogi i uživao. Dakle, da ne bi trebali zlorabiti AJAX. To se može dati, ako ne i osigurati alternativne metode pružanja informacija? U najboljem slučaju, informacija se neće prikazati na stranici. U najgorem - njegova pojava je toliko pogođeni da korisnik više ne mora vratiti.

Prednosti „Ajax”

Ova tehnologija nudi dva načina na koji se web stranica može biti realiziran. Prva uključuje promjene bez ponovno podizanje sustava. To se može postići s dinamičnim zahtjevima na poslužitelju. Drugi uključuje korištenje posebnih tehnologija, od kojih je najpopularnija je XMLHttpZahtjev. Relativno svoje prednosti, „Ajax” može reći sljedeće:

1. Možete stvoriti povoljan web-based aplikacija koja sučelje će imati cijeli niz lijepih značajki za korisnika, s rezultatom da se olakšala ljudske interakcije i web stranice.
2. Umjesto učitavanja cijele stranice djelomična. To štedi resurse i optimizira performanse stroja.
3. Poslužitelj dio stranice je aktivno surađuje s korisnikom.
4. Korisno za provedbu brojnih ideja.

Komuniciranje

Evo, na primjer, treba obrazac za povratne informacije, koje se može koristiti za savjetovati klijente. Kako to može biti učinjeno? Prvo moramo voditi brigu o „nosač” informacija. Da biste to učinili, morate stvoriti XMLHttpZahtjev objekt. On djeluje kao posrednik između servera i korisnikovom pregledniku. Uz ovaj objekt će poslati zahtjeve i dobiti odgovore na njih. Za izravnu razmjenu podataka, trebamo AJAX PHP. Ovi alati mogu se provoditi pomoću GET- ili post-upita. U tom slučaju, potrebni argumenti prenose se izravno putem URL-a. U isto vrijeme će se pokrenuti funkciju i osigurati da prijenos ne prekine. No, kako provesti Ajax zahtjev? Preporučamo korištenje POST. Zahvaljujući njemu, možete prenijeti neograničen količinu podataka, koji se, osim toga, mnogo je teže za pristup.

Princip rada

Kako su Asinkroni JavaScript i XML u praksi? Idemo razumjeti primjerom. Izgrađen s obzirom na strukturu što je potrebno kako bi bili sigurni da je klijent dio pruža svu potrebnu funkcionalnost za sigurnu razmjenu podataka. To bi trebao pružiti potrebne metode za prijenos informacija izabranih načina. Dio server treba osigurati da se obrada podataka i na temelju njih već, generirati nove informacije naknadno ga prenijeti na kupca. Najčešći vrsta interakcije je za rad s bazom podataka. Mi smo ranije spomenuli je element mnogih poslovnih web stranice kao oblika povratne informacije. Prednost „Ajax” u ovom slučaju je da ima asinkroni prijenos podataka. Drugim riječima, dok se informacije šalju, korisnik može obavljati sve potrebne radnje za njega. S naglaskom na specifičnosti svakog pojedinog slučaja, morate odlučiti želite li taj proces informirati posjetitelja stranice. U odnosu na isto obrazac za povratne informacije treba reći da je u ovom slučaju možemo pisati „operater bira odgovor”, ili nešto slično.

odgovor poslužitelja

On može doći ne samo za XML, kao što možda mislite, jer je ime tehnologije. Osim toga, može se prenijeti kao običan tekst ili JSON. U prvom slučaju se informacije mogu odmah prikazati na stranici. Ako koristite XML, morate voditi brigu o tom AJAX-datoteka je ispravno obrađen u pregledniku klijenta. Svi podaci u ovom slučaju se prevodi u (X) HTML. Kada koristite JSON formatu, potrebno je izvršiti kod da biste dobili puni objekt JavaScript. Potrebno je biti oprezan i uzeti u obzir činjenicu da su mnogi hakeri željeli prenijeti zlonamjernog koda pomoću ove tehnologije. Stoga je potrebno osigurati za proces verifikacije podataka prije nego što su obrađeni. Značajke realizacije za različitim preglednicima mogu biti malo drugačiji, ali u cjelini, akcija je ovdje jedna shema.

Mi napraviti zahtjev na server i obradu odgovora

Cijeli slijed akcija je kako slijedi:

1. U početku, morate stvoriti i kako bi bili sigurni da postoji XMLHttpZahtjev.
2. Zatim inicijalizira veze servera.
3. Pošalji zahtjev za to.
4. Čekamo podatke koje dolaze, te ih obraditi.

Valja reći o nekim značajkama na stvaranje objekta. To se može pokrenuti na bilo kojem mjestu gdje je moguće samo u okviru programskog jezika. Ali ako je dobio status globalno, u bilo kojem trenutku u vremenu za to biti moguće raditi samo s jednim zahtjev. U ovom trenutku, trebate obratiti pozornost. Što se tiče liječenja - ovdje ćemo se usredotočiti na odabranom instrumentu. Dakle, ako su XML podataka koji se obrađuju Dom-funkcije i prezentirati korisniku je krajnji rezultat u HTML-u. A što učiniti s JSON-ocijenjeno? Treba razumjeti da je objekt zapis Javascript. Što to znači? Zbog JSON objekt može se prikazati kao niz. No, ne smije se zaboraviti da je ova metoda nije sigurna u potpunosti, i puno faktora treba uzeti u obzir. Ali, u principu, to je vrlo jednostavno.

Server-side programski jezici

Gotovo svaki web-based aplikacija koristi ih na ovaj ili onaj način. Za prijenos podataka je najpopularniji PHP. Na to obično pisati datoteke za web stranice, gdje nije kritična brzina prijenosa podataka, a poželjna ravnoteža između nje i pouzdanosti. Tehnike prijenosa XMLHttpZahtjev objašnjeno gore.

Konfiguriranje poslužitelja

Što programi su potrebni kako bi se u potpunosti djeluju AJAX? Što nam to dati? Što su oni za? Da biste dobili odgovore na ova pitanja, trebali biste se upoznate sa sljedećeg popisa:

1. HTML / XHTML. Oni su potrebni za poslužitelj za prepoznavanje izgled stranice.
2. CSS. Ovaj alat je potrebno za vizualni izbor dizajn stranice.
3. DOM. To je potrebno kako bi se osiguralo dinamičke promjene na stranici, kao odgovor na akcije od strane korisnika.
4. XML. Je potrebno za prijenos podataka između klijenta i poslužitelja.
5. JavaScript. Moramo stvoriti pokazivač „Ajax” i osigurati interaktivnost.
6. XMLHttpZahtjev. Objekt kroz koje upiti će biti proslijeđen na poslužitelju.

Korištenje stranice

Tako sada imamo oba teorijska znanja i ideje o tome kako je AJAX. Slanje podataka je sada samo zahtijeva određenu praksu. Pogledajmo u cjelini, kako pristupiti provedbu zadatka pomoću „Ajax”. Dakle, moramo stvoriti bazu podataka vozača. I oni će se razlikovati uređaje koji se može odvijati. Treba napomenuti da je gore baza podataka je vrlo velik, pa sam ga poslati na klijenta i što ima za ponuditi za odabir pomoću JavaScript nema smisla. Također je poželjno da posjedujete web stranica prekrcan zbog jednog parametra. Na poslužitelju zahtjevi će nositi posebne PHP skripti. Baza podataka se provodi kao XML datoteku.

O bazi podataka

Potrebno je raditi njegovu strukturu. A što ako su prolazili parametri, koji su predmeti? U tom slučaju potrebno je osigurati stvaranje varijable, gdje će biti ne to link na događaj poziva iz funkcije. Da biste mogli pristupiti s bilo kojeg mjesta potrebno je napraviti globalni koda. Radi lakšeg snalaženja, poželjno je koristiti sustav za upravljanje bazom podataka. Naravno, to nije potrebno. No, još uvijek dopuštaju korištenje baze podataka za rad udobnije i učinkovitije s podacima.

Radimo na rad motora

Kako će se sve dogoditi? Dakle, tu dolazi određeni događaj, što će uzrokovati posebnu funkciju. Ona će pripremiti GET ili POST-podataka koji će biti poslana. Zatim poziva funkciju, koja će se žaliti na URL poslužitelja skripti. Potrebno je predvidjeti stvaranje XMLHttpZahtjev-objekt. Pozivanje na njega treba biti pohranjen u varijablu. Nakon podataka je poslana na poslužitelj, morate čekati odgovor od njega. Da biste to učinili, možete uključiti „prisluškivanje” za dobivanje informacija (ako je poznato, da će doći i kada) ili dati funkciju koja će uvijek biti spreman prihvatiti podatke. Prva izvedba je manje pouzdan u slučaju izvanrednog stanja. Druga realizacija - skuplji u smislu resursa. Iako, ako je to učinjeno samo u odnosu na jednu varijablu, to ne utječe na brzu internet. Ali ako postoje stotine i tisuće, i oni će imati visoku rezoluciju, - onda će biti druga stvar. Stoga je potrebno tražiti ravnotežu između korištenja raspoloživih resursa i učinkovitosti. Uostalom, to bi trebalo biti jasno da nisu svi imaju memoriju do 16 GB. To može postaviti određeno vrijeme čekanja nakon kojeg je zamijenila prijašnju podatke ili informacije da server nije dostupan u ovom trenutku.

Značajke

Kad koristite „Ajax” je stvorio sučelje za stranice ili aplikacije, trebate kako bi bili sigurni da je rezultat dobro radi na različitim operativnim sustavima, te na različitim preglednicima. U prvom slučaju će biti u mogućnosti pružiti dragocjene emulatora pomoći. U drugom slučaju to će biti dovoljno samo instalirati razne programe i testirati funkcionalnost koda. Također je potrebno osigurati određene akcije i, u slučaju da korisnik preglednik će se zastarjela ili će se isključiti potrebne postavke. U takvim slučajevima, treba paziti da se za povlačenje teksta na stranici, navodeći razlog zašto je vidikovac u ovom slučaju nije moguće. Da, sad je velika većina ljudi koji koriste modernu tehnologiju, ali ne u potpunosti pustiti pozornost na vjerojatnosti i činjenica da nekoliko posto posjetitelja će koristiti neki zastarjeli softver. A u poslovnom skali može imati ozbiljne posljedice.

zaključak

To dolazi do logičnog kraja ovog članka. Ako govorimo o „Ajax” u cjelini, ovaj alat vam omogućuje stvaranje vrlo atraktivne i značajka-bogata web stranice koje rade brzo i sa nadležnim izgleda isporučiti korisnicima zadovoljstvo. Nema sumnje da će biti čak i više naprednih tehnologija u budućnosti, ali za sada ćemo koristiti ono što imamo. Kao što je poboljšanje od programskih jezika i tehnika je sasvim moguće, a to je mogućnost da će biti na raspolaganju, metode koje će stvoriti još više visoko kvalitetan proizvod. No, bilo kako bilo, rad potreban da sada jest. A to ime - „Ajax”.