AJAX XML ਉਦਾਹਰਣ

AJAX ਐਕਸਐੱਮਐੱਲ ਫਾਈਲ ਨਾਲ ਇੰਟਰੈਕਟਿਵ ਸੰਚਾਰ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

AJAX XML ਉਦਾਹਰਣ

ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ ਵਿੱਚ, ਵੈਬਸਾਈਟ ਕਿਵੇਂ AJAX ਰਾਹੀਂ XML ਫਾਈਲ ਤੋਂ ਸੂਚਨਾ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ ਦਿਸਾਇਆ ਗਿਆ ਹੈ:

ਉਦਾਹਰਣ

ਸਵੈ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ ਵਿਸਥਾਰ

ਜਦੋਂ ਉਪਭੋਗਤਾ 'ਸੀਡੀ ਸੂਚਨਾ ਪ੍ਰਾਪਤ ਕਰੋ' ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੇ, loadDoc() ਫੰਕਸ਼ਨ ਚਲਾਉਂਦਾ ਹੈ。

loadDoc() ਫੰਕਸ਼ਨ XMLHttpRequest ਅਬਜੈਕਟ ਬਣਾਉਂਦਾ ਹੈ, ਜਦੋਂ ਸਰਵਰ ਪ੍ਰਤੀਕਿਰਿਆ ਤਿਆਰ ਹੋਵੇ ਤਾਂ ਚਲਾਉਣ ਵਾਲੇ ਫੰਕਸ਼ਨ ਨੂੰ ਜੋੜਦਾ ਹੈ, ਅਤੇ ਸਰਵਰ ਨੂੰ ਬੇਨਤੀ ਭੇਜਦਾ ਹੈ。

ਜਦੋਂ ਸਰਵਰ ਪ੍ਰਤੀਕਿਰਿਆ ਤਿਆਰ ਹੋਵੇ, ਐੱਚਟੀਐੱਮਐੱਲ ਟੇਬਲ ਬਣਾਓ, ਐਕਸਐੱਮਐੱਲ ਫਾਈਲ ਤੋਂ ਨੋਡ (ਮੁੱਖ ਕਾਰਕ) ਲੈਓ, ਅਤੇ ਐਕਸਐੱਮਐੱਲ ਡਾਟਾ ਨਾਲ ਹੈਲਡ ਐੱਚਟੀਐੱਮਐੱਲ ਟੇਬਲ ਨਾਲ 'demo' ਏਜੈਂਟ ਨੂੰ ਅੱਪਡੇਟ ਕਰੋ:

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="<tr><th>ਕਲਾਕਾਰ</th><th>ਗਾਣਾ</th></tr>";
  var x = xmlDoc.getElementsByTagName("TRACK");
  for (i = 0; i <x.length;  i++) { 
    table += "<tr><td>" +
    x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue  +
    "</td><td>" +
    x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue  +
    "</td></tr>";
  }
   document.getElementById("demo").innerHTML = table;
}

XML ਫਾਈਲ

ਉਸ ਉਦਾਹਰਣ ਵਿੱਚ ਵਰਤੇ ਗਏ XML ਫਾਈਲ ਇਸ ਤਰ੍ਹਾਂ ਦੇ ਹਨ:"music_list.xml"。