Najít funkční bezchybné příklady s AJAXem je docela peklo, takže se vyplatí nejlepší vzorové skripty zaarchivovat a sice nejlépe na blogu, kde se dají kdykoliv rychle dohledat.
AJAX – odeslání formuláře pomocí JQuery
Upload souborů se zobrazením průběhu nahrávání
Tohle je věc, která mě kdysi před mnoha lety hodně vytáčela. Velké soubory zákazníci nahrávají odjakživa a trpělivost mají jen minimální. Nedařilo se mi průběžný status uploadu tenkrát nijak rozběhat. Dnes už je naštěstí relativně jednoduché o stavu uploadu uživatele informovat. Tedy alespoň s využitím kvalitního skriptu to jde zařídit poměrně snadno…
Základy práce s jQuery
Žádný php programátor se dnes bez znalosti JavaScriptu neobejde. Naštěstí už dávno není potřeba dávat tolik pozor na to, aby JS fungoval v každém prohlížeči stejně, protože o toto se stará rozšíření jQuery. Tvoříme tedy příkazy JS, ale pomocí nadstavby jQuery.
Ladění AJAX chyb v Chrome
Ladění chyb je kapitola sama o sobě. Snadné je to když máte odchytit chyby ve skriptech, které nejsou volané AJAXem. V takovém případě stačí většinou jenom zapnout error_reporting
Odeslání obrázku AJAXem
Pomocí skriptů v následující jednoduché ukázce si můžete vyzkoušet upload obrazových souborů AJAXem prostřednictvím jQuery. Výhody jsou zřejmé pravděpodobně jen u formulářů s více položkami, kde možnost nahrát soubor zvlášť dává prostor ke snazšímu ošetření nežádoucích stavů a také pokud využijete nějaký plugin, který bude zobrazovat průběh nahrávání souboru na server. V této ukázce však podobný plugin použitý není – příklad uvedu později.
Update formuláře pomocí AJAXu
Webové rozhraní je již téměř ekvivalentní standardnímu desktopovému rozhraní. Je možné, že formuláře budou brzy založené především na AJAX komunikaci se serverem a současný způsob jejich zpracování postupně ustoupí? Nároky na uživatelská rozhraní se stále zvyšují. Cení se také rychlost odezvy a snižování nároků na server. Jediný problém by mohl být ve zdánlivé komplikovanosti tohoto způsobu zpracování formulářů. V následujícím příspěvku uvádím skripty pro obsluhu formuláře AJAXem, avšak s validací.. Více …
Ukládání objektů po přesunu na stránce
Někdy je zapotřebí ukládat pozici volně přesouvatelných prvků na stránce. Může se jednat například o boxy na nějakém větším administračním panelu, přičemž uživatelé si chtějí boxy rozmístit podle svého uvážení. Není problém nastavit box jako „draggable“ pomocí jQuery UI, ale jak uložit jeho pozici automaticky bezprostředně po přesunu?
Změna pořadí přetažením – AJAX třídění
Často je zapotřebí umožnit uživatelům intuitivním rychlým způsobem měnit pořadí obrázků, produktů, resp. jakýchkoliv datových položek. Řešením je třídění přetažením myší. Nejjednodušší způsob, jak vizuální třídění zajistit, je využít jQuery UI a data zasílat jQuery metodou post(). Z následující ukázky je patrné, že při přetažení boxu dojde k update a následně je volána funkce post(). Nezbytná je serializace, jejímž výstupem je pole pages zpracované (po předání skriptu ajax-sort.php) funkcí parse_str()… Více …