Ajax : Beginnen met Ajax

  1. Wat is Ajax
  2. Voorkennnis
  3. Waarom Ajax
  4. Onafhankelijk

Wat is Ajax

Ajax staat voor Asynchroon javascript en Xml. Ajax is geen nieuwe programmeertaal, maar is een nieuwe technologie die ons in staat stelt snellere, efficiëntere en attractievere webpagina's te maken.

Ajax maakt webpagina's dynamischer door achter de schermen informatie met de server uit te wisselen.

Asynchronous
Dit betekent dat wanneer je een request zendt, je moet wachten tot het resultaat komt, maar ondertussen kan doen wat je wil. De response zal wellicht niet onmiddellijk gebeuren, dus gebruik je een functie die wacht achter het resultaat en reageert wanneer dit binnen is.
JavaScript
Javascript wordt gebruikt om het request naar de server te sturen. Je zal doorgaans nog wat JavaScript gebruiken wanneer het resultaat is binnen gekomen de huidige pagina aan te passen.
XML
De data die je van de server ontvangt zal vaak een stukje XML zijn dat je eenvoudig kan manipuleren met Javascript. In feite kan deze data alles zijn wat je wil, en zo groot zijn als je wil.

Voorkennis

Om vlot aan de slag te kunnen met Ajax is het nodig een voorkennis te hebben van volgende talen:

Ajax is een techniek die gebruikt wordt op gewone html-pagina's. Ajax gebruikt Javascript om http-requests uit te voeren naar een server. Op deze manier kan informatie op de achtergrond geladen of verwerkt worden. Dikwijls wordt de informatie van en naar de server in XML-formaat verstuurd, dit is echter geen noodzaak. We zullen zien dat deze informatie eigenlijk in een formaat naar keuze kan worden verstuurd, zelfs gewone doorlopende tekst.

Waarom Ajax

Wanneer je surft naar een webpagina, dan wordt deze door de browser opgevraagd en retourneert de server de gevraagde pagina. Ga je als gebruiker een actie ondernemen op de pagina (een zoekopdracht, een bericht posten op een forum, detailinformatie over een artikel opvragen, ...) dan wordt meestal gebruikt gemaakt van een server-side technologie om bijvoorbeeld een databaseverbinding tot stand te brengen en de gegevens op te vragen of weg te schrijven.

Wanneer een dergelijke actie plaatsvindt, dan wordt de pagina herladen. Binnen ASP.net bijvoorbeeld wordt gesproken van een PostBack-architectuur.

Dit herladen van de pagina heeft voor gevolg dat de volledige pagina op de server opnieuw wordt opgebouwd en naar de client wordt gestuurd.
Veelal is het echter niet nodig de volledige pagina opnieuw op te bouwen, en is er slechts een verandering op een beperkt deel van de pagina.

Hier is het dat Ajax in actie komt. Met Ajax is het mogelijk om terwijl een webpagina op het scherm van de gebruiker staat, op de achtergrond verbinding te maken met een webserver, informatie op te vragen, en deze nieuwe informatie op de pagina te tonen.

Deze manier van werken wordt CallBack genoemd.

Ajax is de laatste tijd erg populair, mede onder impuls van Google, die deze technologie volop toepassen in ontwikkelingen zoals Gmail, Google suggest, Google Calendar en Google maps.

De term Ajax werd voor het eerst gebruikt door Jesse James Garett van Adaptive Path.

Onafhankelijk

Ajax is onafhankelijk van server-side technologieën. Het is om het even of je nu het liefste programmeert in PHP, ASP, ASP.net, JSP, ... Ajax is steeds toepasbaar. Het is een technologie die moet ondersteund worden door de browser, deze moet de gebruikte Javascript-instructies correct kunnen uitvoeren.

In principe is het zelfs mogelijk om beperkte Ajax-toepassingen te maken zonder enige kennis van een server-side technologie.

Meer tutorials:
leer ook: html | xhtml | css | asp | asp.net | c# | ado.net | linq | ajax | java | javascript
Valid HTML 4.01! Valid CSS! © - Cursusweb