JavaScript - قراءة ملف XML باستخدام AJAX

JavaScript - قراءة ملف XML باستخدام AJAX

🔸 يمكنك استخدام AJAX لقراءة ملفات XML وتحليلها في JavaScript باستخدام كائن XMLHttpRequest وresponseXML.

---

🔹 مثال على ملف XML

<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
  </cd>
  <cd>
    <title>Hide your heart</title>
    <artist>Bonnie Tyler</artist>
  </cd>
</catalog>

---

🔹 قراءة البيانات من XML

const xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function () {
  if (this.readyState == 4 && this.status == 200) {
    const xmlDoc = this.responseXML;
    const cds = xmlDoc.getElementsByTagName("cd");

    let output = "";
    for (let i = 0; i < cds.length; i++) {
      const title = cds[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
      const artist = cds[i].getElementsByTagName("artist")[0].childNodes[0].nodeValue;
      output += title + " - " + artist + "<br>";
    }

    document.getElementById("demo").innerHTML = output;
  }
};

xhttp.open("GET", "cd_catalog.xml", true);
xhttp.send();

---

📌 ملاحظات عند التعامل مع XML

• استخدم getElementsByTagName للوصول إلى العناصر داخل ملف XML.
• responseXML يُرجع كائن Document يمكن التحليل منه باستخدام DOM.
• قد تحتاج لتشغيل الصفحة عبر سيرفر محلي لتعمل properly.

---

⚠️ نصائح مهمة

• XML ليس التنسيق الوحيد المدعوم، لكن يُستخدم كثيرًا في أنظمة قديمة أو تطبيقات مؤسسية.
• يفضل استخدام JSON في الأنظمة الحديثة بسبب سهولة التعامل معه.