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

Nyní můžete sledovat na internetu získávají na popularitě použití a využití nových technologií. Jeden z nich - je AJAX. Co je to? Jaké vlastnosti to má? Kde podat žádost? Všechny tyto otázky lze nalézt odpověď v tomto článku.

obecné informace

Jak stojí AJAX? Co to znamená? Toto snížení je zkratka. To je zkratka pro Asynchronous JavaScript and XML ( "Asynchronous JavaScript and IKSML"). Často můžete vidět nebo slyšet informace, že tuto novou technologii. Ale to není pravda. Skutečnost, že JavaScript a XML, existuje již poměrně dlouhou dobu, zatímco „Ajax“ je syntézou těchto technologií. Nejčastěji se používá ve spojení s pojmem Web 2.0 a je chápán jako využití moderních konstrukčních metod.

A co rys?

Takže už máme obecnou představu o tom, co je AJAX. To, co nám dává v praxi? Proto je aktivně mluvit o jeho uplatňování? Zvláštností této technologie - je to, že při použití je nemusíte celou stránku obnovit na první požádání. Koneckonců, můžete požádat o nové údaje pouze pro část. To je výhodné (protože tím méně času budete muset počkat) a náklady (pro ty, kteří nejsou neomezené internet). Aby však bylo možné informovat uživatele o tom, co se děje inovace je vhodné použít alespoň indikátor zátěže nebo textové zprávy, které informují o nových dat ze serveru. Jako mínusy technologie je často odkazoval se na skutečnost, že nepodporuje starší a textových prohlížečů. A možnost vypnutí technologie JavaScript na uživatele než mnoho a těšil. Proto byste neměli zneužívat AJAX. Že to může dát, ne-li poskytnout alternativní způsoby poskytování informací? V nejlepším případě se informace prostě nebudou zobrazeny na internetových stránkách. V nejhorším - jeho vzhled je tak postižená, že uživatel již nemá k návratu.

Výhody „Ajax“

Tato technologie nabízí dvě metody, kterými mohou být webové stránky realizované. První spočívá v provádění změn bez restartu. Toho může být dosaženo pomocí dynamických požadavků na server. Druhá zahrnuje použití specifických technologií, z nichž nejpopulárnější se má XMLHttpRequest. Relativně vlastní výhody, „Ajax“ Dá se říci následující:

1. Můžete vytvořit pohodlné webové aplikace, které rozhraní bude mít celou řadu pěkných funkcí pro uživatele, s tím výsledkem, že usnadnit lidskou interakci a webové stránky.
2. Místo toho, aby celou stránku načíst částečný. To šetří zdroje a optimalizuje výkon stroje.
3. Serverová část místa je aktivně komunikuje s uživatelem.
4. Užitečné pro realizaci řady myšlenek.

komunikující

Zde, například, je třeba formulář zpětné vazby, která může být použita k zákazníkům poradit. Jak je to možné? Nejprve je potřeba se postarat o „nosič“ informací. Chcete-li to provést, musíte vytvořit objekt XMLHttpRequest. Chová se jako prostředník mezi serverem a prohlížečem uživatele. U tohoto objektu bude posílat požadavky a přijímat odpovědi na ně. Pro přímou výměnu dat, musíme AJAX PHP. Tyto nástroje mohou být realizovány pomocí GET- nebo post-dotazy. V takovém případě bude nezbytné argumenty být předávány přímo prostřednictvím adresy URL. Současně bude probíhat funkci, a za to, že přenos dat není přerušen. Ale jak provádět Ajax požadavek? Doporučujeme používat POST. Díky němu můžete přenášet neomezené množství dat, která je navíc mnohem obtížnější přístup.

Princip fungování

Jak jsou Asynchronous JavaScript and XML v praxi? Pojďme pochopit na příkladu. Postaven s ohledem na strukturu, co potřebujete, aby se ujistil, že klient část poskytuje všechny potřebné funkce pro bezpečnou výměnu údajů. To by mělo poskytnout potřebné postupy pro přenos informací vybrané způsoby. Serverová část by měla zajistit, že zpracování údajů, a na základě nich už, získat nové informace následně předat ji na zákazníka. Nejběžnějším typem interakce je práce s databází. Máme již bylo uvedeno výše, je prvkem mnoha obchodních míst jako forma zpětné vazby. Výhodou „Ajax“ v tomto případě je, že to má asynchronní přenos dat. Jinými slovy, zatímco informace jsou odeslány, může uživatel provést všechny potřebné kroky k němu. Se zaměřením na specifika každého případu, musíte se rozhodnout, zda chcete tento proces informovat návštěvníka stránek. Vzhledem ke stejné formě zpětné vazby je třeba říci, že v tomto případě můžeme psát „operátor volí odpověď“, nebo něco podobného.

odpověď serveru

Ten může přijít nejen pro XML, jak byste si mohli myslet, protože název technologie. Kromě toho může být přenášena jako prostý text nebo JSON. V prvním případě je možné tyto informace ihned zobrazí na stránce. V případě použití XML, je třeba se postarat o této AJAX spisu byla řádně zpracována v prohlížeči klienta. Všechna data v tomto případě se převede na (X) HTML. Při použití formátu JSON, je nutné provést kód získat plnou objekt Javascript. Je třeba dávat pozor a vzít v úvahu skutečnost, že mnozí hackeři chtěli přenášet škodlivý kód pomocí této technologie. Je proto nezbytné stanovit pro proces ověřování údajů, než jsou zpracovány. Rysy realizace pro různé prohlížeče může být mírně odlišné, ale obecně platí, že akce je zde jeden systém.

Vyrábíme požadavek na server a zpracování odezvy

Celá sekvence akcí je následující:

1. Zpočátku budete muset vytvořit a aby se ujistil, že je XMLHttpRequest.
2. Pak se inicializuje připojení k serveru.
3. Zaslat požadavek na to.
4. Čekáme na data, která přijdou, a jejich zpracování.

To by vám měl sdělit o některých funkcí na vytvoření objektu. To může být zahájena v jakémkoli místě, kde je to možné pouze v rámci programovacího jazyka. Ale kdyby byl udělen status globální, v jednom okamžiku na to, aby bylo možné pracovat pouze s jednou žádostí. V tomto bodě, je třeba věnovat velkou pozornost. Pokud jde o léčbu - zde se soustředíme na zvoleném přístroji. Takže v případě, že data XML, které mají být zpracovány Dom-funkce a prezentovat uživatel má konečný výsledek v HTML. A co dělat s JSON ratingem? Je třeba si uvědomit, že je objekt notace Javascript. Co to znamená? V důsledku JSON objekt může být reprezentován jako řetězec. Ale je třeba mít na paměti, že tato metoda není bezpečné do sytosti, a mnoho faktorů, je třeba zvážit. Ale obecně, je to velmi jednoduché.

programovací jazyky na straně serveru

Téměř každý webová aplikace používá je v jedné cestě nebo jiný. Pro přenos dat je nejpopulárnější PHP. On je obvykle zapisovat soubory na stránkách, kde není kritická rychlost přenosu dat a přednostní rovnováhu mezi ní a spolehlivost. přenosové XMLHttpRequest techniky je uvedeno výše.

Konfigurace serveru

Jaké programy jsou potřebné, aby plně fungovat AJAX? Co to dát k nám? K čemu slouží? Chcete-li získat odpovědi na tyto otázky, měli byste se seznámit s tímto seznamem:

1. HTML / XHTML. Jsou potřebné pro server rozpoznal rozvržení stránky.
2. CSS. Tento nástroj je nezbytný pro vizuální výběr designu stránek.
3. DOM. Je potřeba, aby se zajistilo, že dynamické změny na straně jako odpověď na akce prováděné uživatelem.
4. XML. Je nutný pro přenos dat mezi klientem a serverem.
5. JavaScript. Musíme vytvořit kurzor „Ajax“ a poskytovat interaktivity.
6. XMLHttpRequest. Objekt, jehož prostřednictvím budou dotazy předána na server.

Používání webu

Takže teď máme oba teoretické znalosti a představy o tom, jak AJAX. Odesílání dat je nyní jen vyžaduje určitou praxi. Podívejme se obecně, jak přistupovat k plnění úkolu pomocí „Ajax“. Takže musíme vytvořit databázi ovladačů. A budou lišit zařízení, která mohou být provozovány. Je třeba poznamenat, že výše uvedené databáze je velmi velký, takže jsem jen poslat na klienta a má nabídnout, aby se výběr pomocí JavaScript nedává smysl. Je také žádoucí, aby vlastní webové stránky je reloaded kvůli jediného parametru. Na serveru žádostí bude zabývat speciální PHP skripty. Databáze je implementován jako XML souboru.

o databázi

Je třeba vypracovat její strukturu. A co když se míjely parametry, které jsou objekty? V takovém případě je nutné zajistit vytvoření proměnné, kde bude žádný odkaz, že na událost volání z funkce. Aby bylo možné přistupovat z libovolného místa je nutné provést globální kód. Pro větší pohodlí, to je žádoucí používat systém pro správu databází. Samozřejmě, že to není nutné. Ale stále umožňují používání databáze, která má pracovat pohodlně a efektivně s daty.

Pracujeme na chodu motoru

Jak se vše, co se bude dít? Takže, tam je určitá událost, která způsobí speciální funkci. Bude připravovat GET nebo post-data, která bude odeslána. Potom zavolá funkci, která bude apelovat na adresu URL skriptu serveru. Je třeba předpokládat vytvoření XMLHttpRequest-objektu. Odkaz na něj by měl být uložen v proměnné. Poté, co data byla odeslána na server, musíte počkat na odpověď od něj. Chcete-li to provést, můžete zapnout „odposlechu“ k získání informací (pokud je známo, přijde a kdy), nebo poskytnout funkci, která bude vždy připravena přijímat data. První provedení je méně spolehlivá v případě mimořádné situace. Druhá realizace - dražší, pokud jde o zdroje. I když, pokud se to dělá jen s ohledem na jednu proměnnou, to nemá vliv na rychlý internet. Ale pokud tam jsou stovky a tisíce, a oni budou mít vysoké rozlišení, - pak to bude něco jiného. Je proto nutné hledat rovnováhu mezi využití dostupných zdrojů a účinnosti. Koneckonců, by mělo být zřejmé, že ne všechny mají paměť 16 GB. To může stanovit určité čekací doba po která nahradila předchozí údaje nebo informace, že server není k dispozici v tomto okamžiku.

rysy

Při použití „Ajax“ je vytvořen pomocí rozhraní pro stránky nebo aplikace, je třeba, aby se ujistil, že výsledek funguje dobře na různých operačních systémech, a na různých prohlížečích. V prvním případě bude moci poskytnout neocenitelné emulátory pomoc. V druhém případě to bude stačit jen instalovat řadu programů a otestovat funkčnost kódu. Je také třeba stanovit pro některé akce a v případě, že prohlížeč uživatele bude používat zastaralé nebo vypne potřebná nastavení. V takových případech je třeba dbát na zrušení textu na stránce, s uvedením důvodu, proč místo sledování v tomto případě není možné. Ano, teď drtivá většina lidí, kteří používají moderní technologie, ale ne úplně pustit pozornosti k pravděpodobnosti a skutečnost, že několik procent návštěvníků bude používat nějaký zastaralý software. A v obchodním měřítku může mít závažné důsledky.

závěr

Který přichází k logickému konci tohoto článku. Pokud budeme mluvit o „Ajax“ v celku, tento nástroj vám umožní vytvořit velmi atraktivní a funkčně bohaté webové stránky, které pracují rychle as příslušným uspořádáním poskytovat svým uživatelům potěšení. Není pochyb o tom, že tam bude ještě více pokročilé technologie v budoucnu, ale teď budeme používat to, co máme. Jako zlepšení programovacích jazyků a technik, je docela možné, a to je možnost, která bude k dispozici metody, které vytvoří ještě více vysoce kvalitní výrobek. Ale ať je to jak chce, potřebná práce nyní to je. A jeho název - „Ajax“.