AJAX is een manier om webpagina’s te bouwen die op de achtergrond stilletjes met een server praten, en kleine stukjes data ophalen of versturen zonder de hele pagina te herladen. De naam staat voor Asynchronous JavaScript and XML, al is de data tegenwoordig bijna altijd JSON in plaats van XML.
Het alledaagse voorbeeld is een zoekvak dat suggesties toont terwijl je typt. Je drukt een toets in, de pagina stuurt een stil verzoek, resultaten komen terug en alleen dat kleine uitklapmenu werkt bij terwijl de rest blijft staan. Vóór AJAX betekende elke nieuwe data dat de hele pagina opnieuw werd geladen, alsof het scherm leeg ging en opnieuw werd opgebouwd. De techniek leunt op JavaScript, vaak via JavaScript libraries die het simpeler maken, om een server aan te roepen en het antwoord direct in de pagina te plaatsen.
Het woord ‘asynchroon’ is het kernstuk. Het verzoek loopt opzij verder terwijl jij blijft scrollen, typen of klikken, en het antwoord wordt erin geweven zodra het binnenkomt. Daarom kan een like-knop je tik meteen tonen en even later met de server bevestigen, zonder de pagina tussendoor te bevriezen.
Het is de basis van vrijwel elke interactieve site die je gebruikt. Live meldingen, iets in je mandje leggen zonder de pagina te verlaten, oneindig scrollen en het soepele gevoel van een single-page application rusten allemaal op dit idee van bijwerken op de achtergrond. De keerzijde is dat content die alleen zo laadt onzichtbaar kan zijn voor zoekmachines en voor mensen met een wankele verbinding, dus de belangrijke delen horen nog steeds in de eerste paginalading te zitten.
Bij TopDevs gebruiken we AJAX-achtige verzoeken om interfaces snel en vloeiend te houden, terwijl we de belangrijke content vooraf renderen zodat zoekmachines en nieuwe bezoekers nooit hoeven te wachten.
