Ajax - čo to je? Asynchronous JavaScript a XML: výhody a nevýhody

Teraz môžete sledovať na internete získavajú na popularite použitie a využitie nových technológií. Jeden z nich - je AJAX. Čo je to? Aké vlastnosti to má? Kde predložiť žiadosť? Všetky tieto otázky možno nájsť odpoveď v tomto článku.

všeobecné informácie

Ako stojí AJAX? Čo to znamená? Toto zníženie je skratka. To je skratka pre Asynchronous JavaScript and XML ( "Asynchronous JavaScript and IKSML"). Často môžete vidieť alebo počuť informácie, že túto novú technológiu. Ale to nie je pravda. Skutočnosť, že JavaScript a XML, existuje už pomerne dlhú dobu, zatiaľ čo "Ajax" je syntézou týchto technológií. Najčastejšie sa používa v spojení s pojmom Web 2.0 a je chápaný ako využitie moderných konštrukčných metód.

A čo rys?

Takže už máme všeobecnú predstavu o tom, čo je AJAX. To, čo nám dáva v praxi? Preto je aktívne hovoriť o jeho uplatňovaní? Zvláštnosťou tejto technológie - je to, že pri použití je nemusíte celú stránku obnoviť na prvé požiadanie. Koniec koncov, môžete požiadať o nové údaje iba pre časť. To je výhodné (pretože tým menej času budete musieť počkať) a náklady (pre tých, ktorí nie sú neobmedzené internet). Aby však bolo možné informovať užívateľa o tom, čo sa deje inovácia je vhodné použiť aspoň indikátor záťaže alebo textové správy, ktoré informujú o nových dát zo servera. Ako mínusy technológia je často odvolával sa na skutočnosť, že nepodporuje staršie a textových prehliadačov. A možnosť vypnutia technológie JavaScript na používateľa než mnoho a tešil. Preto by ste nemali zneužívať AJAX. Že to môže dať, ak nie poskytnúť alternatívne spôsoby poskytovania informácií? V najlepšom prípade sa informácie jednoducho nebudú zobrazené na internetových stránkach. V najhoršom - jeho vzhľad je tak postihnutá, že používateľ už nemá k návratu.

Výhody "Ajax"

Táto technológia ponúka dve metódy, ktorými môžu byť webové stránky realizované. Prvý spočíva vo vykonávaní zmien bez reštartu. Toho môže byť dosiahnuté pomocou dynamických požiadaviek na server. Druhá zahŕňa použitie špecifických technológií, z ktorých najpopulárnejšia sa má XMLHttpRequest. Relatívne vlastné výhody, "Ajax" Dá sa povedať nasledovné:

1. Môžete vytvoriť pohodlné webové aplikácie, ktoré rozhranie bude mať celý rad pekných funkcií pre užívateľov, s tým výsledkom, že uľahčiť ľudskú interakciu a webové stránky.
2. Namiesto toho, aby celú stránku načítať čiastočný. To šetrí zdroje a optimalizuje výkon stroja.
3. Serverová časť miesta je aktívne komunikuje s užívateľom.
4. Užitočné pre realizáciu radu myšlienok.

komunikujúce

Tu, napríklad, je potrebné formulár spätnej väzby, ktorá môže byť použitá k zákazníkom poradiť. Ako je to možné? Najprv je potrebné sa postarať o "nosič" informácií. Ak to chcete urobiť, musíte vytvoriť objekt XMLHttpRequest. Chová sa ako prostredník medzi serverom a prehliadačom používateľa. Pri tomto objekte bude posielať požiadavky a prijímať odpovede na ne. Na priamu výmenu dát, musíme AJAX PHP. Tieto nástroje môžu byť realizované pomocou GET- alebo post-otázky. V takom prípade bude nevyhnutné argumenty byť odovzdávané priamo prostredníctvom adresy URL. Súčasne bude prebiehať funkciu, a za to, že prenos dát nie je prerušený. Ale ako vykonávať Ajax požiadavka? Odporúčame používať POST. Vďaka nemu môžete prenášať neobmedzené množstvo dát, ktorá je navyše oveľa ťažšie prístup.

princíp fungovania

Ako sú Asynchronous JavaScript and XML v praxi? Poďme pochopiť na príklade. Postavený s ohľadom na štruktúru, čo potrebujete, aby sa ubezpečil, že klient časť poskytuje všetky potrebné funkcie pre bezpečnú výmenu údajov. To by malo poskytnúť potrebné postupy na prenos informácií vybrané spôsoby. Serverová časť by mala zabezpečiť, že spracovanie údajov, a na základe nich už, získať nové informácie následne zaslať ju na zákazníka. Najbežnejším typom interakcie je práca s databázou. Sme spomenuli vyššie, je prvkom mnohých obchodných miest ako forma spätnej väzby. Výhodou "Ajax" v tomto prípade je, že to má asynchrónny prenos dát. Inými slovami, zatiaľ čo informácie sú odoslané, môže užívateľ vykonať všetky potrebné kroky k nemu. So zameraním na špecifiká každého prípadu, musíte sa rozhodnúť, či chcete tento proces informovať návštevníka stránok. Vzhľadom k rovnakej forme spätnej väzby je treba povedať, že v tomto prípade môžeme písať "operátor volí odpoveď", alebo niečo podobné.

odpoveď servera

Ten môže prísť nielen pre XML, ako by ste si mohli myslieť, pretože názov technológie. Okrem toho môže byť prenášaná ako obyčajný text alebo JSON. V prvom prípade je možné tieto informácie ihneď zobrazí na stránke. V prípade použitia XML, je potrebné sa postarať o tejto AJAX spisu bola riadne spracovaná v prehliadači klienta. Všetky dáta v tomto prípade sa prevedie na (X) HTML. Pri použití formátu JSON, je nutné vykonať kód získať plnú objekt Javascript. Je potrebné dávať pozor a vziať do úvahy skutočnosť, že mnohí hackeri chceli prenášať škodlivý kód pomocou tejto technológie. Je preto potrebné stanoviť pre proces overovania údajov, než sú spracované. Rysy realizácie pre rôzne prehliadače môže byť mierne odlišné, ale všeobecne platí, že akcia je tu jeden systém.

Vyrábame požiadavku na server a spracovanie odozvy

Celá sekvencia akcií je nasledovné:

1. Spočiatku budete musieť vytvoriť a aby sa uistil, že je XMLHttpRequest.
2. Potom sa inicializuje pripojenie na server.
3. Zaslať požiadavku na to.
4. Čakáme na dáta, ktoré prídu, a ich spracovanie.

To by vám mal povedať o niektorých funkcií na vytvorenie objektu. To môže byť zahájená v akomkoľvek mieste, kde je to možné iba v rámci programovacieho jazyka. Ale keby bol udelený štatút globálnej, v jednom okamihu na to, aby bolo možné pracovať iba s jednou žiadosťou. V tomto bode, je potrebné venovať veľkú pozornosť. Pokiaľ ide o liečbu - tu sa sústredíme na zvolenom prístroji. Takže v prípade, že dáta XML, ktoré majú byť spracované Dom-funkcie a prezentovať užívateľ má konečný výsledok v HTML. A čo robiť s JSON ratingom? Je potrebné si uvedomiť, že je objekt notácie Javascript. Čo to znamená? V dôsledku JSON objekt môže byť reprezentovaný ako reťazec. Ale treba mať na pamäti, že táto metóda nie je bezpečné do sýtosti, a mnoho faktorov, je potrebné zvážiť. Ale všeobecne, je to veľmi jednoduché.

programovacie jazyky na strane servera

Takmer každý webová aplikácia používa je v jednej ceste alebo iný. Na prenos dát je najpopulárnejší PHP. On je zvyčajne zapisovať súbory na stránkach, kde nie je kritická rýchlosť prenosu dát a prednostné rovnováhu medzi ňou a spoľahlivosť. prenosovej XMLHttpRequest techniky je uvedené vyššie.

Konfigurácia servera

Aké programy sú potrebné, aby plne fungovať AJAX? Čo to dať k nám? Na čo slúži? Ak chcete získať odpovede na tieto otázky, mali by ste sa zoznámiť s týmto zoznamom:

1. HTML / XHTML. Sú potrebné pre server rozpoznal rozloženie stránky.
2. CSS. Tento nástroj je nevyhnutný pre vizuálnu výber dizajnu stránok.
3. DOM. Je potrebné, aby sa zabezpečilo, že dynamické zmeny na strane ako odpoveď na akcie vykonávané užívateľom.
4. XML. Je nutný pre prenos dát medzi klientom a serverom.
5. JavaScript. Musíme vytvoriť kurzor "Ajax" a poskytovať interaktivity.
6. XMLHttpRequest. Objekt, prostredníctvom ktorého budú otázky odovzdaná na server.

používanie webu

Takže teraz máme obaja teoretické vedomosti a predstavy o tom, ako AJAX. Odosielanie dát je teraz len vyžaduje určitú prax. Pozrime sa všeobecne, ako pristupovať k plnení úlohy pomocou "Ajax". Takže musíme vytvoriť databázu ovládačov. A budú líšiť zariadení, ktoré môžu byť prevádzkované. Je potrebné poznamenať, že vyššie uvedené databázy je veľmi veľký, takže som len poslať na klienta a má ponúknuť, aby sa výber pomocou JavaScript nedáva zmysel. Je tiež žiaduce, aby vlastné webové stránky je reloaded kvôli jediného parametra. Na serveri žiadostí bude zaoberať špeciálna PHP skripty. Databáza je implementovaný ako XML súboru.

o databáze

Je potrebné vypracovať jej štruktúru. A čo keď sa míňali parametrami, ktoré sú objekty? V takom prípade je nutné zabezpečiť vytvorenie premennej, kde bude žiadny odkaz, že na udalosť volanie z funkcie. Aby bolo možné pristupovať z ľubovoľného miesta je nutné vykonať globálne kód. Pre väčšie pohodlie, to je žiaduce používať systém pre správu databáz. Samozrejme, že to nie je nutné. Ale stále umožňujú používanie databázy, ktorá má pracovať pohodlne a efektívne s dátami.

Pracujeme na chodu motora

Ako sa všetko, čo sa bude diať? Takže, tam je určitá udalosť, ktorá spôsobí špeciálnu funkciu. Bude pripravovať GET alebo post-data, ktorá bude odoslaná. Potom zavolá funkciu, ktorá bude apelovať na adresu URL skriptu servera. Je potrebné predpokladať vytvorenie XMLHttpRequest-objektu. Odkaz na neho by mal byť uložený v premennej. Potom, čo dáta bola odoslaná na server, musíte počkať na odpoveď od neho. Ak to chcete urobiť, môžete zapnúť "odpočúvania" na získanie informácií (ak je známe, príde a kedy), alebo poskytnúť funkciu, ktorá bude vždy pripravená prijímať dáta. Prvý prevedenie je menej spoľahlivá v prípade mimoriadnej situácie. Druhá realizácia - drahšie, pokiaľ ide o zdroje. Aj keď, ak sa to robí len s ohľadom na jednu premennú, to nemá vplyv na rýchly internet. Ale ak tam sú stovky a tisíce, a oni budú mať vysoké rozlíšenie, - potom to bude niečo iné. Je preto nutné hľadať rovnováhu medzi využitie dostupných zdrojov a účinnosti. Koniec koncov, by malo byť zrejmé, že nie všetky majú pamäť 16 GB. To môže stanoviť určité čakacia doba po ktorá nahradila predchádzajúce údaje alebo informácie, že server nie je k dispozícii v tomto okamihu.

rysy

Pri použití "Ajax" je vytvorený pomocou rozhrania pre stránky alebo aplikácie, je potrebné, aby sa ubezpečil, že výsledok funguje dobre na rôznych operačných systémoch, a na rôznych prehliadačoch. V prvom prípade bude môcť poskytnúť neoceniteľné emulátory pomoc. V druhom prípade to bude stačiť len inštalovať rad programov a otestovať funkčnosť kódu. Je tiež potrebné stanoviť pre niektoré akcie a v prípade, že prehliadač používateľa bude používať zastarané alebo vypne potrebné nastavenia. V takýchto prípadoch je potrebné dbať na zrušenie textu na stránke, s uvedením dôvodu, prečo namiesto sledovania v tomto prípade nie je možné. Áno, teraz drvivá väčšina ľudí, ktorí používajú moderné technológie, ale nie úplne pustiť pozornosti k pravdepodobnosti a skutočnosť, že niekoľko percent návštevníkov bude používať nejaký zastaraný softvér. A v obchodnej oblasti môže mať závažné dôsledky.

záver

Ktorý prichádza k logickému konci tohto článku. Ak budeme hovoriť o "Ajax" v celku, tento nástroj vám umožní vytvoriť veľmi atraktívne a funkčne bohaté webové stránky, ktoré pracujú rýchlo as príslušným usporiadaním poskytovať svojim užívateľom potešenie. Niet pochýb o tom, že tam bude ešte viac pokročilé technológie v budúcnosti, ale teraz budeme používať to, čo máme. Ako zlepšenie programovacích jazykov a techník, je celkom možné, a to je možnosť, ktorá bude k dispozícii metódy, ktoré vytvoria ešte viac vysoko kvalitný výrobok. Ale nech je to ako chce, potrebná práca teraz to je. A jeho názov - "Ajax".