中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：AJAX 數(shù)據(jù)庫 下一篇：AJAX 實例

AJAX XML

AJAX 可用來與 XML 文件進行交互式通信。

本章節(jié)通過解析實例來使你了解AJAX是如何讀取XML文件的信息的！

AJAX XML 實例

下面的例子將演示網(wǎng)頁如何使用 AJAX 來讀取來自 XML 文件的信息：

實例




運行代碼 ?

實例解析 - loadXMLDoc() 函數(shù)

當用戶點擊上面的"獲取我收藏的 CD"這個按鈕，就會執(zhí)行 loadXMLDoc() 函數(shù)。

loadXMLDoc() 函數(shù)創(chuàng)建 XMLHttpRequest 對象，添加當服務器響應就緒時執(zhí)行的函數(shù)，并將請求發(fā)送到服務器。

當服務器響應就緒時，會構建一個 HTML 表格，從 XML 文件中提取節(jié)點（元素），最后使用 XML 數(shù)據(jù)的 填充 id="demo" 的表格元素：

異步加載 XML 文檔

function loadXMLDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); } }; xhttp.open("GET", "cd_catalog.xml", true); xhttp.send(); } function myFunction(xml) { var i; var xmlDoc = xml.responseXML; var table="<tr><th>Artist</th><th>Title</th></tr>"; var x = xmlDoc.getElementsByTagName("CD"); for (i = 0; i <x.length; i++) { table += "<tr><td>" + x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue + "</td><td>" + x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</td></tr>"; } document.getElementById("demo").innerHTML = table; }
上一篇：AJAX 數(shù)據(jù)庫 下一篇：AJAX 實例