/ / Ajax - što je to? Asinkroni JavaScript i XML: Prednosti i nedostaci

Ajax - što je ovo? Asinkroni JavaScript i XML: prednosti i nedostaci

Sada to možete gledati na internetuKorištenje i primjena novih tehnologija dobiva popularnost. Jedan od njih je AJAX. Što je to? Koje karakteristike ima? Gdje se ona primjenjuje? Sva ta pitanja će biti odgovorena u ovom članku.

Opće informacije

ajax što je to
Kako se AJAX dešifrira? Što to znači? Ova kratica je kratica. Znači za Asinkroni Javascript i XML ("Asinkroni Javascript i ICML"). Često možete vidjeti ili čuti informacije da je to nova tehnologija. Ali ovo nije sasvim točno. Činjenica je da su Javascript i XML već dulje vrijeme, dok je Ajax sinteza ovih tehnologija. Najčešće se koristi zajedno s pojmom Web 2.0 i podrazumijeva korištenje naprednih metoda razvoja.

A što je to značajka?

Dakle, već imamo opću ideju o tome štoje AJAX. Što nam to daje u praksi? Zašto postoje aktivni razgovori o njegovoj upotrebi? Posebnost ove tehnologije je da, kada se koristi, nije nužno ažurirati cijelu stranicu na prvom mjestu. Uostalom, možete zatražiti nove podatke samo za njegov dio. To je prikladno (uostalom, manje vremena treba čekati) i ekonomski (za one koji nemaju neograničen Internet). Međutim, kako biste obavijestili korisnika o trenutnoj ažuriranju, preporučljivo je koristiti barem indikator preuzimanja ili tekstne poruke koje obavještavaju nove podatke s poslužitelja. Kao nedostatak tehnologije često spominje činjenicu da ga podržavaju naslijeđeni i tekstualni preglednici. Da, i sposobnost onemogućavanja tehnologije Javascript je korisnik, a mnogi ga koriste. Stoga nemojte zloupotrijebiti AJAX. Što može učiniti ako ne predviđate alternativne načine predstavljanja informacija? U najboljem slučaju, informacije jednostavno neće biti prikazane na web mjestu. U najgorem slučaju, njegov izgled će patiti toliko da se korisnik više neće vratiti na njega.

Prednosti Ajaxa

web aplikacija
Ova tehnologija nudi dvije metode,što može biti implementirana web stranica. Prvi uključuje promjene bez ponovnog pokretanja sustava. To se može učiniti pomoću dinamičkih poziva na poslužitelj. Drugi dio uključuje korištenje pojedinačnih tehnologija, od kojih je najpoznatija XMLHttpRequest. Što se tiče prednosti Ajaxa, možemo reći sljedeće:

  1. Možete stvoriti zgodnu web-aplikaciju u kojoj sučelje imat će brojne ugodne značajke za korisnika, što u konačnici olakšava interakciju između osobe i web mjesta.
  2. Umjesto punog učitavanja stranice, pojavljuje se djelomično. To štedi resurse stroja i optimizira brzinu.
  3. Poslužiteljski dio web-lokacije aktivno dolazi u interakciju s korisnikom.
  4. To je prikladno koristiti za provedbu nekoliko ideja.

Razmjena podataka

Ovdje, na primjer, trebamo obrazac za povratne informacije,kroz koje možete savjetovati klijente. Kako se to može učiniti? Prvo morate voditi brigu o "nositelju" informacija. Da biste to učinili, morate stvoriti XMLHttpRequest objekt. Djeluje kao posrednik između poslužitelja i preglednika korisnika. Uz pomoć ovog objekta će biti poslane zahtjeve, kao i dobiti odgovore na njih. Za izravnu razmjenu podataka trebamo AJAX PHP. Ovaj alat može se implementirati pomoću GET ili POST zahtjeva. U tom se slučaju potrebni argumenti prenose izravno putem URL-a. U isto vrijeme, funkcija će biti pokrenuta, osiguravajući da prijenos podataka ne bude prekinut. No, koji AJAX zahtjev za implementaciju? Preporučujemo upotrebu POST-a. Zahvaljujući njemu možete prenijeti neograničenu količinu podataka, što je, s druge strane, puno teže za pristup.

Načelo rada

web stranicu
Kako funkcionira asinkroni JavaScript i XMLu praksi? Pogledajmo ovo s primjerom. Što se tiče strukture zgrade, potrebno je osigurati da dio klijenta pruža sve potrebne funkcije za sigurnu razmjenu podataka. Trebalo bi osigurati neophodne metode prijenosa podataka na odabrane načine. Dio poslužitelja trebao bi pružiti obradu primljenih podataka i na temelju njih generirati nove informacije kako bi ih kasnije prenijeli klijentu. Najčešća interakcija ove vrste je raditi s bazom podataka. Već smo spomenuli takav element mnogih poslovnih web mjesta kao obrazac za povratne informacije. Prednost Ajaxa u ovom slučaju je da provodi asinkroni prijenos podataka. Drugim riječima, dok se informacije šalju, korisnik može izvršiti sve potrebne radnje. Usredotočujući se na specifičnosti svakog pojedinačnog slučaja, potrebno je odlučiti je li potrebno obavijestiti posjetitelja stranice o tom procesu. Što se tiče istog obrasca za povratne informacije, valja reći da u ovom slučaju možete napisati "operator nazove odgovor" ili nešto slično.

Odgovor poslužitelja

To može doći ne samo zahvaljujući XML, kaoTo se može smatrati zbog naziva tehnologije. Osim toga, može se prenijeti kao običan tekst ili JSON. U prvom slučaju, dobivene informacije mogu se odmah prikazati na stranici. Ako koristite XML, morate osigurati da je AJAX datoteka ispravno obrađena u klijentovom pregledniku. Svi se podaci u ovom slučaju pretvaraju u (X) HTML. Kada se koristi JSON format, morate izvršiti dobiveni kôd kako biste dobili punopravni Javascript objekt. Potrebno je oprezno i ​​uzeti u obzir činjenicu da mnogi napadači vole prenositi zlonamjerni kod kroz tu tehnologiju. Stoga je prije obrade potrebno osigurati postupak za provjeru primljenih podataka. Značajke implementacije za različite preglednike mogu se malo razlikovati, ali općenito, shema djelovanja je ovdje ista.

Upućivanje zahtjeva poslužitelju i rješavanje odgovora

obrazac za povratne informacije
Cijeli slijed djelovanja bit će kako slijedi:

  1. U početku morate stvoriti i osigurati XMLHttpRequest.
  2. Zatim se inicijalizira veza s poslužiteljem.
  3. Poslali smo mu zahtjev.
  4. Čekamo do dolaska podataka i obrađujemo ih.

Trebali bi govoriti o nekim od značajkivezano uz stvaranje objekta. Može se pokrenuti na bilo kojem mjestu gdje je moguće samo unutar programskog jezika. Ali, ako mu je dodijeljen status globalnog, onda će mu u jednom trenutku biti moguće samo raditi s jednim zahtjevom. U ovom trenutku morate paziti na to. Što se tiče obrade - ovdje se usredotočimo na odabrani alat. Dakle, s XML-om, morate obraditi DOM funkcije i prezentirati krajnji rezultat u HTML korisniku. A što učiniti s JSON-om? Treba podrazumijevati da je to objekt Javascript zapis. Što to znači? Zahvaljujući JSON-u, objekt možete prikazati kao niz. No, valja imati na umu da ova metoda nije potpuno sigurna i bit će potrebno uzeti u obzir hrpu čimbenika. Ali, općenito, to je vrlo jednostavno.

Poslužiteljski programski jezici

Gotovo bilo koja web aplikacija ih koristina jedan ili drugi način. Za prijenos podataka najpopularniji je PHP. Obično je pisana datoteka za web stranice na kojima brzina prijenosa informacija nije kritična, ali se preferira ravnoteža između nje i pouzdanosti. Metode prijenosa XMLHttpRequest opisane su gore.

Konfigurirajte poslužitelj

asinkroni javascript i xml
Koji su programi potrebni za potpun rad AJAX-a? Što će nam to dati? Za koga? Da biste dobili odgovore na ova pitanja, trebali biste pročitati sljedeći popis:

  1. HTML / XHTML. Potrebno je da poslužitelj prepozna oznaku stranice.
  2. CSS. Ovaj alat je potreban za vizualni odabir dizajna stranice.
  3. DOM. Potrebno je za dinamičke promjene na stranici kao odgovor na rad korisnika.
  4. XML. Obavezno za prijenos podataka između klijenta i poslužitelja.
  5. JavaScript. Potrebno je stvoriti Ajaxov motor i osigurati interaktivnost.
  6. XMLHttpZahtjev. Objekt putem kojeg će se zahtjevi poslati na poslužitelj.

Upotrijebite na web mjestu

Dakle, sada imamo i teorijsko znanje iideje o tome kako funkcionira AJAX. Slanje podataka sada zahtijeva samo određenu praksu. Pogledajmo, općenito, kako možete pristupiti implementaciji zadatka koristeći Ajax. Dakle, moramo stvoriti bazu podataka vozača. I razlikovat će se na uređajima na kojima mogu raditi. Treba napomenuti da je dotična baza podataka vrlo velika, tako da jednostavno šaljete ga klijentu i već ga nudite za izbor pomoću JavaScript nema smisla. Također je nepoželjno da se sama web stranica ponovno učita zbog jednog parametra. Na poslužitelju se zahtjevi obrađuju posebnim PHP skriptima. Baza podataka se provodi kao XML datoteka.

O bazi podataka

ajax slanje
Potrebno je izraditi svoju strukturu. Što učiniti ako se prođu parametri koji su objekti? U takvom slučaju, potrebno je osigurati stvaranje varijable u kojoj se veza neće nalaziti na njemu, u slučaju poziva iz funkcije. Da bi je mogao pristupiti s bilo kojeg mjesta u kodu, mora biti globalno. Radi praktičnosti, poželjno je koristiti sustav upravljanja bazom podataka. Naravno, to nije nužno. Ipak, upotreba DBMS-a omogućit će jednostavnije i učinkovitije rad s podacima.

Radimo na motoru

Kako će se sve dogoditi? Dakle, dolazi do određenog događaja koji će uzrokovati posebnu funkciju. Pripremit će GET ili POST podatke koji će biti poslani. Zatim se poziva funkcija koja naziva URL skripte poslužitelja. Potrebno je osigurati stvaranje XMLHttpRequest objekta. Veza s njom treba biti pohranjena u varijabli. Nakon što su podaci poslani poslužitelju, morate pričekati odgovor od njega. Da biste to učinili, možete omogućiti "prisluškivanje" prije primanja informacija (ako znate što će doći i kada) ili pružiti funkciju koja će uvijek biti spremna prihvatiti podatke. Prva opcija je manje pouzdana u slučaju nužde. Druga implementacija je skuplji u smislu resursa. Iako, ako se to radi samo u odnosu na jednu varijablu, to neće utjecati na brzu internetsku vezu. Ali ako ih ima na stotine i tisuće, a oni će biti velikih veličina, onda će to biti drugačija stvar. Stoga je potrebno pronaći ravnotežu između korištenja raspoloživih resursa i performansi. Uostalom, treba shvatiti da nisu svi imaju 16 GB RAM-a. Za to se može postaviti određeno vrijeme čekanja, nakon čega se zamjenjuju prethodni podaci ili informacije koje poslužitelj nije dostupan u određenom trenutku.

Značajke

ajax datoteku
Kada koristite "Ajax" sučelje je stvoren zastranica ili aplikacija potrebno je voditi računa da dobiveni rezultati dobro funkcioniraju i na različitim operacijskim sustavima i na različitim preglednicima. U prvom slučaju, emulatori mogu pružiti neprocjenjivu pomoć. U drugom slučaju, dovoljno je samo instalirati različite programe i testirati kôd za njih. Također je potrebno osigurati određene radnje u slučaju da su preglednici korišten od strane korisnika zastarjeli ili on onemogućuje potrebne postavke. U takvim slučajevima, trebali biste voditi brigu o izlazu na stranicu teksta, što ukazuje na razlog zbog kojeg pregled stranice nije u ovom slučaju moguć. Da, sada velika većina ljudi koristi suvremenu tehnologiju, ali ne valja potpuno zanemariti vjerojatnost da će nekoliko posto posjetitelja koristiti nešto zastarjeli softver. I na poslovnoj razini, to može imati značajne posljedice.

zaključak

To dolazi do logičnog završetka ovog članka. Ako govorimo o "Ajaxu" u cjelini, ovaj alat vam omogućuje da stvorite vrlo atraktivne i višenamjenske web stranice koje rade brzo i sa stručnim izgledom i daju svojim korisnicima zadovoljstvo. Nema sumnje da će se naprednije tehnologije pojaviti u budućnosti, ali za sada ćemo koristiti ono što imamo. Uz poboljšanje programskih jezika i njihovih metoda, sasvim je moguće da će takva implementacija postati dostupna koja će omogućiti stvaranje još boljeg proizvoda. Ali budite to kako je moguće, potrebno je sada raditi s onim što jest. I ime toga - "Ajax".

Pročitajte više: