Pokiaľ ide o dizajn CSS-Tricks, keď to zaznamenávam, jednou z vecí, ktoré som chcel pridať, bol widget „Front End Design & Development Jobs“, ktorý používa Rada pre prácu s kódom CodePen. Tieto úlohy sú k dispozícii ako údaje JSON.
Nemohli by sme na to jednoducho urobiť žiadosť Ajaxu a použiť ju? Možno trochu šablónovania JavaScriptu? Iste, mohli by sme. Ale Ajax požiadavky sú asynchr. Na každom načítaní stránky si predstavujem malú rotačku, čakám na príchod údajov a potom vyplním úlohy. Nie také UX, aké chcem.
Chcem to urobiť pomocou PHP, takže úlohy sú tam ako súčasť dokumentu, ktorý pochádza zo servera. PHP (a WordPress) môže úplne odosielať požiadavky na obsah tretích strán, rovnako ako to dokáže požiadavka Ajaxu. V skutočnosti je to ešte jednoduchšie, pretože neexistujú obmedzenia medzi doménami a veci typu JSONP.
Spoliehať sa na to, že server bude vôbec odpovedať na žiadosť tretej strany, je však trochu riskantné. Nechcel by som to vyžadovať pri každom načítaní stránky v CSS-Tricks. Našťastie na to slúžia WordPress Transitions. V tomto videu to je presne to, čo používame. Raz za čas ideme získať údaje a potom ich lokálne uložiť do medzipamäte, takže väčšina požiadaviek je superrýchlych miestnych údajov.