Rumah >hujung hadapan web >tutorial js >关于AJAX中 XML 的实例讲解

关于AJAX中 XML 的实例讲解

jacklove
jackloveasal
2018-05-09 10:15:251427semak imbas

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 + "
TitleArtist
" + 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查询最后一条记录

Atas ialah kandungan terperinci 关于AJAX中 XML 的实例讲解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn