17.4 AJAX Response

The responseText Property

The responseText property returns the server response as a JavaScript string, and you can use it accordingly:

Example 1: AJAX XMLHttpRequest Object

document.getElementById("demo").innerHTML = xhttp.responseText;

The responseXML Property

• The XMLHttpRequest object has an in-built XML parser.
• The responseXML property returns the server response as an XML DOM object.
• Using this property you can parse the response as an XML DOM object:

Example 2: AJAX Request - The responseXML Property

Request the file cd_catalog.xml and parse the response:

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();

The getAllResponseHeaders() Method

The getAllResponseHeaders() method returns all header information from the server response.

Example 3: Server Response Methods - The getAllResponseHeaders() Method

const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
    document.getElementById("demo").innerHTML =
    this.getAllResponseHeaders();
}
xhttp.open("GET", "ajax_info.txt");
xhttp.send();

The getResponseHeader() Method

The getResponseHeader() method returns specific header information from the server response.

Example 4: Server Response Methods - The getResponseHeader() Method

const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
    document.getElementById("demo").innerHTML =
    this.getResponseHeader("Last-Modified");
}
xhttp.open("GET", "ajax_info.txt");
xhttp.send();