Om een AJAX-verzoek in te dienen, moet je de volgende stappen uitvoeren:
1. Maak een XMLHttpRequest object aan – Dit kan gedaan worden met de volgende code:
var xhttp = new XMLHttpRequest();
1. Definieer een callback functie – Dit is de functie die wordt uitgevoerd bij succesvolle of mislukte verzoeken. Bijvoorbeeld:
xhttp.onreadystatechange = function() {
if (this.readyState 4 && this.status 200) {
// Code om het antwoord te verwerken
}
else {
// Code om een foutmelding te verwerken
}
};
1. Open het verzoek – Stel het type verzoek, de url en of het asynchroon of synchroon moet zijn in.
xhttp.open(“GET”, “url”, true);
1. Verzend het verzoek – Gebruik de send() methode om het verzoek te verzenden.
xhttp.send();
Met deze stappen kun je een AJAX-verzoek indienen. Onthoud dat je het antwoord moet verwerken in de callback functie. Meestal is het nodig om het antwoord om te zetten in bruikbare gegevens in de vorm van JSON of XML.
