‎‎آجكسXML فايل AJAX XML File -‎

Previous >    <Next  

‎‎آجكس مي تواند براي ارتباطات تعاملي مورد استفاده قرار گيرد.

‎در مثال زير نشان ميدهد كه چگونه يك صفحه وب ميتواند اطلاعاتي را از يك فايلXML با AJAX ‎بگيرد.

‎در اين مثال ميتوانيد با كليك دكمهGet CD info اثرآنرا در صفحه جاري مشاهده نمائيد وبا كليك ‎دكمه پائين تر آنر ئذ صفحه ديگر مشاهده كنيد.

‎‎مثال ـ آجكسXML

--(go to editor for change code and run)

‎‎تشــريح مثال:

‎هنگاميكه كاربر دكمه‎‎"Get CD info‎"‎ را كليك ميكند تابع ‎‎loadDoc( )‎‎‎اجرا ميشود .

‎تابع‎‎loadDoc( )‎‎ شئ ‎XMLHttpRequest‎ را ايجاد ‎ميكند، تابعي را اضافه ميكند كه وقتي پاسخ سرور آماده است، اجراشود ودرخواست را بسرور ارسال ‎كند.

‎هنگاميكه پاسخ سرور آماده شد، يك جدولHTML ساخته مي شود، گره ها يا عناصر ازفايل XML ‎استخراج شده ودر نهايت عناصرآن در صفحه ايجاد وبا اطلاعات پرميشوند و صفحه بروز ميگردد.

‎‎تابع: ‎loadDoc()‎‎

‎ 
function loadDoc() {
  const xhttp = new XMLHttpRequest();
  xhttp.onload = function() {myFunction(this);}
  xhttp.open("GET", "cd_catalog.xml");
  xhttp.send();
}
function myFunction(xml) {
  const xmlDoc = xml.responseXML;
  const x = xmlDoc.getElementsByTagName("CD");
  let table="<tr><th>Artist</th><th>Title</th></tr>";
  for (let i = 0; i <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 را در لينك cd_catalog.xml ‎مشاهده نمائيد.

Previous >    <Next