AJAX - Serverreactie
Eigenschappen serverrespons
| Property | Description |
|---|---|
| responseText | get the response data as a string |
| responseXML | get the response data as XML data |
De responseText Property
De responseTexteigenschap retourneert de serverreactie als een JavaScript-tekenreeks en u kunt deze dienovereenkomstig gebruiken:
Voorbeeld
document.getElementById("demo").innerHTML = xhttp.responseText;
De responseXML-eigenschap
Het XMLHttpRequest-object heeft een ingebouwde XML-parser.
De responseXMLeigenschap retourneert het serverantwoord als een XML DOM-object.
Met behulp van deze eigenschap kunt u het antwoord ontleden als een XML DOM-object:
Voorbeeld
Vraag het bestand cd_catalog.xml aan en ontleden het antwoord:
const xmlDoc = xhttp.responseXML;
const x = xmlDoc.getElementsByTagName("ARTIST");
let txt = "";
for (let i = 0; i < x.length; i++) {
txt += x[i].childNodes[0].nodeValue + "<br>";
}
document.getElementById("demo").innerHTML = txt;
xhttp.open("GET",
"cd_catalog.xml");
xhttp.send();
Serverreactiemethoden
| Method | Description |
|---|---|
| getResponseHeader() | Returns specific header information from the server resource |
| getAllResponseHeaders() | Returns all the header information from the server resource |
De methode getAllResponseHeaders()
De getAllResponseHeaders()methode retourneert alle header-informatie van het serverantwoord.
Voorbeeld
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("demo").innerHTML =
this.getAllResponseHeaders();
}
xhttp.open("GET", "ajax_info.txt");
xhttp.send();
De methode getResponseHeader()
De getResponseHeader()methode retourneert specifieke header-informatie van het serverantwoord.
Voorbeeld
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("demo").innerHTML =
this.getResponseHeader("Last-Modified");
}
xhttp.open("GET", "ajax_info.txt");
xhttp.send();