٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش پرونده AJAX XML

از AJAX می توان برای ارتباطات تعاملی با یک فایل XML استفاده کرد. مثال AJAX XML مثال زیر نشان می دهد که چگونه یک صفحه وب می تواند اطلاعات را از یک فایل XML با AJAX واکشی کند: مثال Get…

محمد یوسفی

30 جولای 2021

از AJAX می توان برای ارتباطات تعاملی با یک فایل XML استفاده کرد.


مثال AJAX XML

مثال زیر نشان می دهد که چگونه یک صفحه وب می تواند اطلاعات را از یک فایل XML با AJAX واکشی کند:

مثال


مثال توضیح داده شده

وقتی کاربر بر روی دکمه “دریافت اطلاعات CD” در بالا کلیک می کند ، loadDoc() عملکرد اجرا می شود.

این loadDoc()تابع یک XMLHttpRequestشی creates ایجاد می کند ، عملکردی را که باید آماده شود هنگام آماده شدن پاسخ سرور اضافه می کند و درخواست را به سرور می فرستد.

وقتی پاسخ سرور آماده شد ، یک جدول HTML ساخته می شود ، گره ها (عناصر) از فایل XML استخراج می شوند و در نهایت عنصر “نسخه ی نمایشی” را با جدول HTML پر از داده XML به روز می کند:

 

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 <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;
}

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها