关于AJAX中 XML 的实例讲解

AJAX中 XML 很重要，所以本篇将会详细的讲解其相关知识。

实例解释 - loadXMLDoc() 函数

当用户点击上面的“获得 CD 信息”这个按钮，就会执行 loadXMLDoc() 函数。

loadXMLDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。

当服务器响应就绪时，会构建一个 HTML 表格，从 XML 文件中提取节点（元素），最后使用已经填充了 XML 数据的 HTML 表格来更新 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="

";
   x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
   for (i=0;i      {
     txt=txt + "";
     xx=x[i].getElementsByTagName("TITLE");
       {
       try
         {
         txt=txt + "";
         }
       catch (er)
         {
         txt=txt + "";
         }
       }
   xx=x[i].getElementsByTagName("ARTIST");
     {
       try
         {
         txt=txt + "";
         }
       catch (er)
         {
         txt=txt + "";
         }
       }
     txt=txt + "";
     }
   txt=txt + "

Title	Artist
" + xx[0].firstChild.nodeValue + "		" + xx[0].firstChild.nodeValue + "

";
   document.getElementById('txtCDInfo').innerHTML=txt;
   }
 }
xmlhttp.open("GET",url,true);
xmlhttp.send();
}

本篇对AJAX中 XML 相关内容做了讲解，更多的学习资料清关注php中文网即可观看。

相关推荐：

MySQL之初识sql语句与库操作 

如何通过TP5--增删改查简单实现

如何通过mysql查询最后一条记录

以上是关于AJAX中 XML 的实例讲解的详细内容。更多信息请关注PHP中文网其他相关文章！