Dit is een artikel uit de Kennisbank van Vextra internet solutions

Ajax - Asynchronous JavaScript and XML

Wat is Ajax?

Het is steeds vaker nodig dat websites informatie tonen op verzoek van de bezoeker. Dit heet interactief. Deze informatie wordt vaak bij de webserver opgehaald uit een database (bijvoorbeeld MySQL), waarna een nieuwe pagina wordt opgebouwd en teruggestuurd naar de bezoeker.

Met Ajax is het mogelijk dat de webpagina, die bij de bezoeker op het scherm staat, asynchroon verzoeken stuurt naar de server, waarna deze informatie terugkomt en op de pagina wordt geplaatst, zonder dat de pagina opnieuw wordt opgebouwd.

Google en Amazon zijn de eerste grote bedrijven die de term Ajax (in februari 2005 geïntroduceerd) gebruiken en de techniek toepassen. Tegenwoordig wordt voor bijna alle moderne webapplicaties Ajax gebruikt.

Hoe Ajax wordt ingezet

Voorbeelden van het gebruik van Ajax zijn lijsten van namen die automatisch worden bijgewerkt terwijl we typen. Er wordt bijvoorbeeld gezocht naar een plaatsnaam in Nederland. Bij het intypen van de eerste letter wordt via Ajax direct bij de webserver een lijst opgehaald met alle plaatsnamen die beginnen met die letter. Deze wordt getoond. De lijst wordt asynchroon bijgewerkt zodra de volgende letters worden ingetypt.

Combinatie van technieken

Hoewel Ajax vrij "nieuw" is in de wereld van internet, is het feitelijk alleen maar een slimme combinatie van technieken die al langer bestaan. Technieken die gebruikt worden zijn:

HTML en CSS voor het presenteren van informatie op een pagina
Javascript om de technieken onderling te verbinden, waarbij het DOM-model belangrijk is
DOM - het Document Object Model, dat een html-pagina definieert in een boomstructuur
XML voor de opslag en het transport van informatie (tussen de computer van de bezoeker en de webserver)
XMLHttpRequest zorgt voor de asynchrone communicatie met de webserver