首頁 > 文章 > web前端 > 關於AJAX中 XML 的實例講解

關於AJAX中 XML 的實例講解

jacklove原創: 2018-05-09 10:15:251411瀏覽

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 {

#l> ## txt=txt "";
xx=x[i].getElementsByTagName("TITLE");
txt=txt "< td>" xx[0].firstChild.nodeValue "";
}
catch (er)
td> ";
}
}
xx=x[i].getElementsByTagName("ARTIST");
txt=txt "";
}
catch (er)
;
}
}
txt=txt "";
).innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}

本篇對AJAX中XML 相關內容做了講解，更多的學習資料清關注php中文網即可觀看。 ######相關推薦：#########MySQL之初識sql語句與函式庫操作 ###############如何透過TP5--增刪改查簡單實作###############如何透過mysql查詢最後一筆記錄##########

以上是關於AJAX中 XML 的實例講解的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery裡filter()方法使用詳解下一篇：jquery裡filter()方法使用詳解

看更多

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