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

Sada možete gledati na internetu sve popularnije korištenje i primjena novih tehnologija. Jedan od njih - je AJAX. Šta je to? Šta karakteristike to ima? Gdje se prijaviti? Sva ova pitanja će se naći odgovor u ovom članku.

opće informacije

Kako stoji AJAX? Šta to znači? Ovo smanjenje je akronim. To je skraćenica za Asinkroni JavaScript i XML ( "Asinhroni JavaScript i IKSML"). Često možete vidjeti ili čuti informacije da je ova nova tehnologija. Ali to nije istina. Činjenica da Javascript i XML, postoje već prilično dugo vremena, dok je "Ajax" je sinteza ovih tehnologija. Najčešće se koristi u kombinaciji sa terminom Web 2.0 i shvatiti što je korištenje naprednih tehnika dizajna.

I šta funkcija?

Dakle, već imamo opštu ideju o tome šta je AJAX. Ono što nam daje u praksi? Zašto je biti aktivno govoriti o njegove primjene? Specifičnost ove tehnologije - je da kada ga koristiti ne treba osvježiti cijelu stranicu na prvi poziv. Na kraju krajeva, možete zatražiti nove podatke samo za dio toga. Ovo je zgodno (jer je manje vremena morate čekati), i trošak (za one koji nisu neograničeni internet). Međutim, da bi obavijestiti korisnika o tome što se događa nadogradnja je poželjno koristiti barem indikator opterećenja ili tekstualne poruke koje obavijestiti o novim podacima sa servera. Kao minusi tehnologija se često naziva na činjenicu da ne podržava ostavština i tekst pretraživača. I sposobnost da se onemogući Javascript tehnologije je na korisniku nego što su mnogi i uživali. Dakle, ne bi trebalo da zloupotrebljava AJAX. Da može dati, ako ne i pružiti alternativne metode pružanja informacija? U najboljem slučaju, informacije jednostavno neće biti prikazan na sajtu. U najgorem - svojim izgledom je toliko pogođena da korisnik više nema da se vrati.

Prednosti "Ajax"

Ova tehnologija nudi dva načina na koji web stranica može biti ostvaren. Prva uključuje izradu promjene bez ponovnog pokretanja. Ovo se može postići s dinamičnim zahtjevima na server. Drugi uključuje korištenje specifičnih tehnologija, od kojih je najpopularnija je XMLHttpRequest. Relativno svoje prednosti, "Ajax" može se reći sljedeće:

1. Možete kreirati praktičnu aplikaciju web-based, koji će interfejs imaju čitav niz lijepih značajki za korisnika, a rezultat je da olakša ljudske interakcije i web stranice.
2. Umjesto pune stranice ponovo djelomičan. To štedi resurse i optimizira performanse mašine.
3. Server dio stranice je aktivno komunicira sa korisnikom.
4. Korisno za realizaciju broj ideja.

komuniciranje

Evo, na primjer, treba obrazac za povratne informacije, koji se može koristiti za savjetovati kupce. Kako se to može učiniti? Prvo moramo voditi brigu o "nosač" informacija. Da biste to učinili, morate stvoriti XMLHttpRequest objekta. On djeluje kao posrednik između servera i korisnika pretraživača. Uz ovaj objekat će slati zahtjeve i dobiju odgovore na njih. Za direktnu razmjenu podataka, treba nam AJAX PHP. Ovi alati mogu biti implementiran pomoću GET- ili POST-upita. U tom slučaju, potrebno argumenti će biti usvojen direktno preko URL-a. U isto vrijeme će raditi funkciju, i da se osigura da se prenos podataka ne prekine. Ali, kako implementirati AJAX-zahtjev? Preporučujemo da koristite POST-a. Zahvaljujući njemu, možete prenositi neograničenu količinu podataka, što je, osim toga, mnogo je teže za pristup.

princip rada

Kako su Asinkroni JavaScript i XML u praksi? Da se razumemo ovo s primjerom. Izgrađen s obzirom na strukturu morate biti sigurni da je klijent dio pruža sve potrebne funkcionalnosti za sigurnu razmjenu podataka. To bi trebalo pružiti potrebnu metode za prenošenje informacija odabrane načine. Serverski dio treba osigurati da se obrada podataka, i, već na osnovu njih, za stvaranje novih informacija naknadno donijeti ga na kupca. Najčešći tip interakcije je rad sa bazom podataka. Ranije smo spomenuli je element mnogih poslovnim lokacijama kao oblik povratne informacije. Prednost "Ajax" u ovom slučaju je to što drži asinkroni prijenos podataka. Drugim riječima, dok se informacije se šalju, korisnik može obavljati sve potrebne radnje da ga. Fokusirajući se na specifičnosti svakog slučaja, morate odlučiti da li želite ovaj proces obavijestiti posetioca sajta. U odnosu na isti oblik povratne informacije treba reći da je u ovom slučaju možemo pisati "operater bira odgovor", ili nešto slično.

odgovor server

On ne može doći ne samo za XML, kao što možda mislite zbog imena tehnologije. Osim toga, može se prenosi kao običan tekst ili JSON. U prvom slučaju se informacija može odmah prikazati na stranici. Ako koristite XML, trebate se pobrinuti za to AJAX-datoteka je pravilno obrađuju u čitaču. Svi podaci u ovom slučaju se pretvara u (X) HTML-a. Kada se koriste JSON formatu, morate obaviti kod da biste dobili punu objekta Javascript. Neophodno je da budu oprezni i uzeti u obzir činjenicu da su mnogi hakeri da prenose malicioznog koda putem ove tehnologije. Stoga je potrebno osigurati za proces verifikacije podataka prije nego što se obrađuju. Karakteristike realizacije za različitim pretraživačima može biti malo drugačiji, ali generalno, akcija ovdje je jedna shema.

Izrađujemo zahtjev na server i obrade odgovor

Čitav niz akcija je kako slijedi:

1. U početku, morate kreirati i kako bi bili sigurni da postoji XMLHttpRequest.
2. Onda pokreće server vezu.
3. Pošalji zahtjev za to.
4. Čekamo podatke da dođe, i obrađuje ih.

To bi trebalo da vam kažem o nekim funkcijama na stvaranje tog objekta. To se može pokrenuti na bilo kojem mjestu gdje je moguće samo u okviru programskog jezika. Ali, ako je dobio status globalnog, u bilo kojem trenutku za to bude moguće raditi sa samo jednom zahtjevu. U ovom trenutku, morate obratiti pažnju. Što se tiče liječenja - ovdje ćemo se fokusirati na izabranog instrumenta. Dakle, ako XML podataka koji se obrađuju DOM-funkcije i predstaviti korisnik ima krajnji rezultat u HTML. A šta da radim sa JSON-skali? Treba shvatiti da je to predmet notacija Javascript. Šta to znači? Zbog JSON objekt može biti predstavljena kao string. Ali ne smije se zaboraviti da je ova metoda nije sigurno u potpunosti, i mnogo faktora treba uzeti u obzir. Ali, u principu, to je vrlo lako.

Server-side programski jezici

Gotovo ih bilo koje aplikacije i web-based koristi na ovaj ili onaj način. Za prijenos podataka je najpopularniji PHP. Na to obično pišu datoteke sajtova, gdje nije kritična brzina prijenosa podataka, kao i prednost balans između nje i pouzdanost. Tehnike XMLHttpRequest prijenos gore navedeno.

konfiguriranje servera

Koji programi su potrebni kako bi se u potpunosti rade AJAX? Ono što nam to govori? Koji su oni za? Da biste dobili odgovore na ova pitanja, treba da se upoznate sa liste:

1. HTML / XHTML. Oni su potrebni za server prepoznati izgled stranice.
2. CSS. Ovaj alat je neophodan za vizualni izbor dizajna stranice.
3. DOM. To je potrebno da bi se osigurala dinamične promjene na stranici, kao odgovor na akciju korisnika.
4. XML. Je potreban za prijenos podataka između klijenta i servera.
5. JavaScript. Moramo da stvorimo kursor "Ajax" i pružiti interaktivnost.
6. XMLHttpRequest. Objekat preko kojeg upite će biti upućen na server.

Upotreba stranice

Tako da sada imamo i na teorijsko znanje i ideje o tome kako AJAX. Slanje podataka je sada potrebna samo određena praksa. Pogledajmo u cjelini, kako pristupiti realizaciji zadatka koristeći "Ajax". Dakle, moramo stvoriti bazu podataka vozača. I oni će se razlikovati uređaja koji se može upravljati. Treba napomenuti da je iznad baze podataka je vrlo velik, pa sam ga poslati klijenta i ima da ponudi da napravi izbor pomoću JavaScript nema smisla. Poželjno je i da posjeduje web stranica se učitava zbog jednog parametra. Na serveru zahtjevi će se baviti posebnim PHP skripte. Baze podataka je implementiran kao XML datoteke.

o baze podataka

Potrebno je raditi svoje strukture. A šta ako je prošlo parametara, što su objekti? U tom slučaju potrebno je osigurati za stvaranje varijable, gdje neće biti link da događaj poziv iz funkcije. Da biste mogli da ga pristupiti s bilo kojeg neophodno je da se globalni koda. Za udobnost, poželjno je koristiti sistem za upravljanje bazama podataka. Naravno, to nije potrebno. Ali ipak dozvoljavaju upotrebu baze podataka za više udobno i efikasniji rad sa podacima.

Radimo na rad motora

Kako je sve će se dogoditi? Dakle, dođe neki događaj, koji će izazvati posebnu funkciju. Ona će pripremiti GET ili POST-podataka koji će biti poslan. Zatim poziva funkciju, koja će žalbu na URL servera skripte. Potrebno je predvidjeti stvaranje XMLHttpRequest-objekta. A referenca da ga treba čuvati u varijablu. Nakon što su podaci šalju na server, morate čekati odgovor od njega. Da biste to učinili, možete uključiti "prisluškivanje" za dobivanje informacija (ako je poznato, će doći i kada) ili da obezbedi funkciju koja će uvijek biti spremna da prihvati podatke. Prvi utjelovljenje je manje pouzdan u slučaju vanredne situacije. Drugi realizacija - skuplji u smislu resursa. Iako, ako se to čini samo u odnosu na jednu varijablu, to ne utiče na brz internet. Ali ako postoje stotine i tisuće, i oni će imati visoke rezolucije, - onda će biti druga stvar. Stoga je potrebno tražiti balans između korištenja raspoloživih resursa i djelotvornost. Na kraju krajeva, to treba shvatiti da nisu svi imaju memorija do 16 GB. To može postaviti određeno vrijeme čekanja nakon kojeg polako prethodne podatke ili informacije koje server nije dostupan u ovom trenutku.

Značajke

Kada se koristi "Ajax" stvara interfejs za stranice ili aplikacije, morate biti sigurni da je rezultat dobro radi na različitim operativnim sistemima, kao i na različitim preglednicima. U prvom slučaju će biti u mogućnosti pružiti neprocjenjiv emulatora pomoć. U drugom slučaju to će biti dovoljno samo instalirati razne programe i oni testiraju funkcionalnost koda. Također je potrebno osigurati za određene radnje i, u slučaju da će se pretraživač korisnika koristi zastarjela ili će ugasiti potrebna podešavanja. U takvim slučajevima, treba voditi računa za povlačenje teksta na stranici, navodeći razlog zašto sajtu gledanja u ovom slučaju nije moguće. Da, sada je velika većina ljudi koji koriste moderne tehnologije, ali ne potpuno pusti pažnju na vjerojatnost i na činjenicu da je nekoliko posto posjetitelja će koristiti neki zastarjeli softver. I u poslu skali može imati značajne posljedice.

zaključak

Koji dolazi na logičan kraju ovog članka. Ako govorimo o "Ajax" u cjelini, ovaj alat vam omogućuje stvaranje vrlo atraktivan i bogat mogućnostima web stranice koje rade brzo i sa nadležnim raspored dostaviti svojim korisnicima zadovoljstvo. Nema sumnje da će biti još više naprednih tehnologija u budućnosti, ali za sada ćemo koristiti ono što imamo. Kao što je sasvim moguće poboljšanje programskih jezika i tehnike, i to je opcija koja će biti na raspolaganju, metode koje će stvoriti još više visoko kvalitetan proizvod. Ali, bilo kako bilo, potreban posao sada je to. I njegovo ime - "Ajax".