How to use XML files for interactive communication in AJAX

In this article Xiaobian for you to introduce in detail "AJAX how to use XML files for interactive communication", the content is detailed, the steps are clear, the details are handled properly, I hope this "AJAX how to use XML files for interactive communication" article can help you solve your doubts, the following follows the editor's ideas slowly in depth, together to learn new knowledge.

Example

Get my music list

Example explanation

When the user clicks the "get CD information" button, the loadDoc () function is executed.

The loadDoc () function creates a XMLHttpRequest object, adds a function that executes when the server response is ready, and sends a request to the server.

When the server response is ready, build the HTML table, extract the nodes (factors) from the XML file, and finally update the element "demo" with the HTML table populated with XML data:

LoadXMLDoc ()

Function loadDoc () {

Var xhttp = new XMLHttpRequest ()

Xhttp.onreadystatechange = function () {

If (this.readyState = = 4 & & this.status = = 200) {

MyFunction (this)

}

}

Xhttp.open ("GET", "music_list.xml", true)

Xhttp.send ()

}

Function myFunction (xml) {

Var i

Var xmlDoc = xml.responseXML

Var table= 's "Artist repertoire"

Var x = xmlDoc.getElementsByTagName ("TRACK")

For (I = 0; I)