Latest web development tutorials

أجاكس XML

أجاكس يمكن استخدامها للتواصل تفاعلي مع ملف XML.


المثال XML AJAX

يوضح المثال التالي كيفية استخدام صفحة ويب أجاكس لقراءة المعلومات من ملف XML:

أمثلة


محاولة »


أمثلة تحليل - وظيفة loadXMLDoc ()

عندما ينقر المستخدمون على زر "الحصول على المعلومات CD" سيتم تنفيذ وظيفة loadXMLDoc ().

وظيفة loadXMLDoc () لإنشاء كائن مدعوم، إضافة وظيفة ليتم تنفيذها عندما استجابة الملقم جاهزة، ويرسل الطلب إلى الخادم.

عندما استجابة الملقم مستعدة، فإنه سيتم بناء جدول HTML، عقدة استخراج (عنصر) من ملف XML، ثم استخدم تم ملأ نموذج HTML في بيانات XML لتحديث النائبة txtCDInfo:

function loadXMLDoc(url)
{
var xmlhttp;
var txt,xx,x,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
txt=txt + "<tr>";
xx=x[i].getElementsByTagName("TITLE");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td>&nbsp;</td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td>&nbsp;</td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}


صفحة ملقم أجاكس

يستخدم المثال أعلاه خادم صفحة هو في الواقع "اسمه cd_catalog.xml " ملف XML.