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

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

AJAX XML

AJAX 可用來(lái)與 XML 文件進(jìn)行交互式通信。

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

AJAX XML 實(shí)例

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

實(shí)例




運(yùn)行代碼 ?

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

當(dāng)用戶(hù)點(diǎn)擊上面的"獲取我收藏的 CD"這個(gè)按鈕，就會(huì)執(zhí)行 loadXMLDoc() 函數(shù)。

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

當(dāng)服務(wù)器響應(yīng)就緒時(shí)，會(huì)構(gòu)建一個(gè) HTML 表格，從 XML 文件中提取節(jié)點(diǎn)（元素），最后使用 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ù)庫(kù) 下一篇：AJAX 實(shí)例