HTML5 - Ajax

Ještě před několika lety se o tom přemýšlelo Ajax jako budoucnost webových aplikací, po jejím masifikaci s Gmailem, nicméně dnes je třeba brát v úvahu, že je to realita, ve skutečnosti web, který v současné době nějakým způsobem nezahrnuje Ajax, není příliš dobře viděn.
Ajax je sada technik, které nám umožňují odesílat a přijímat informace bez nutnosti aktualizovat dokument nebo znovu načíst stránku, takže zjednodušeně bychom mohli říci, že je to nástroj pro ukládání a zrychlení navigace.
Co je Ajax?
Ajax reaguje na zkratku pro Asynchronní Javascript a XML a to Javascript Y XML asynchronní, nicméně v současné době se používá formát JSON běžněji než XML, je JSON dokonce mnohými považován za standard.
To vše má za následek velmi jednoduché vysvětlení, příjem a odesílání dat nezávisle na načítání a obnovování stránek, například pokud chceme, aby pokaždé, když klikneme na tlačítko a část stránky přinese data z databáze „Místo odeslání požadavku na server odesláním formuláře a obnovením celé stránky provedeme funkci Javascript a požadavek XMLHttpRequest komunikovat se serverem za účelem načtení dat a změnit pouze část stránky, kterou potřebujeme.
Jak to vidíme, vypadá a zní to nádherně, jediným problémem nebo omezením je použití Javascript, protože pokud ji deaktivujeme v našem prohlížeči, nebudeme si moci tyto funkce užívat.
Náš první dokument s Ajaxem
Nyní, když známe základy a základy o Ajaxu, vypracujeme malý příklad, který nás může o této technice ilustrovat.
Nejprve se podívejme na následující kód a poté vysvětlíme, čemu odpovídá:

 PříkladJablka Třešně BanányStiskněte tlačítko

Tento příklad jednoduše ukazuje, že když klikneme na tlačítko, spustíme funkci s názvem HandleButtonPress (), tím se vytvoří nový objekt typu XMLHttpRequest a tím můžeme vzít HTML dovnitř tlačítka, vzít jeho text a zřetězit ho s příponou .HTML, abychom mohli volat dokument se stejným názvem, který byl dříve vytvořen.
Pak funkce handleResponse provede ověření stavu požadavku, pokud byl úspěšný, do již určeného kontejneru načte odpovídající dokument, který jsme zavolali.
Podívejme se na obrázcích, jak bude postupový tok:

Na prvním obrázku jsme požádáni, abychom klikli na jedno z tlačítek, pak když to uděláme na druhém obrázku, vidíme, jak se načítá obsah, který podle funkce Ajax popsaný v ukázkovém kódu pochází z dokumentu HTML již vytvořený, tento obsah se načte do div, kde byla instrukce, která říkala stisknout tlačítko.
Tímto tutoriál dokončíme, již máme možnost s ním začít experimentovat Ajax k obohacení procházení našich stránek nebo dokumentů HTML.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod