AJAX XML 實例

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

AJAX XML 實例

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

實例

獲取我收藏的 CD

實例解析 - loadXMLDoc() 函數

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

loadXMLDoc() 函數創建 XMLHttpRequest 對象，添加當伺服器響應就緒時執行的函數，並將請求發送到伺服器。

當伺服器響應就緒時，會構建一個 HTML 表格，從 XML 文件中提取節點（元素），最後使用 XML 數據的 填充 id="demo" 的表格元素：

LoadXMLDoc()

functionloadDoc(){varxhttp = newXMLHttpRequest(); xhttp.onreadystatechange = function(){if(this.readyState == 4 && this.status == 200){myFunction(this); }}; xhttp.open("GET", "cd_catalog.xml", true); xhttp.send();}functionmyFunction(xml){vari; varxmlDoc = xml.responseXML; vartable="<tr><th>Artist</th><th>Title</th></tr>"; varx = 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;}

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！