এজেক্স XML ইনস্ট্যান্স

AJAX-এর মাধ্যমে XML ফাইলের সাথে ইন্টারএক্সিভ কমিউনিকেশন করা যায়。

এজেক্স XML ইনস্ট্যান্স

নিচের উদাহরণটিতে, ওয়েবসাইট কিভাবে AJAX-এর মাধ্যমে XML ফাইল থেকে তথ্য পড়া দেখা যায়:

উদাহরণ

স্বয়ংক্রিয়ভাবে চেষ্টা করুন

উদাহরণ ব্যাখ্যা

যখন ব্যবহারকারী 'সিডি তথ্য পাওয়ার' বাটনটি ক্লিক করে, loadDoc() ফাংশন চালু হয়。

loadDoc() ফাংশন একটি XMLHttpRequest অবজেক্ট তৈরি করে, সার্ভার প্রতিক্রিয়া প্রস্তুত হলে কার্যকরী ফাংশন যুক্ত করে এবং সার্ভারের প্রতিক্রিয়া পাঠায়。

সার্ভার প্রতিক্রিয়া প্রস্তুত হলে, HTML ট্যাবলেট নির্মাণ করুন, XML ফাইল থেকে নোড (ঘটক) উদ্ধার করুন এবং অবশেষে XML ডাটা দিয়ে পূর্ণ হওয়া এইচটিএমএল ট্যাবলেটটি '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="艺术家曲目";
  var x = xmlDoc.getElementsByTagName("TRACK");
  for (i = 0; i " +
    x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue  +
    "";
  }
   document.getElementById("demo").innerHTML = table;
}

XML 文件

上例中使用的 XML 文件类似这样："music_list.xml"。