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="
Title | Artist |
---|
Artist | "; 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 " " xx[0].firstChild.nodeValue " | ";
}
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
作者最新文章
-
2023-04-01 20:14:01
-
2023-04-02 21:22:02
-
2023-04-02 21:20:01
-
2023-04-02 21:18:01
-
2023-04-02 21:16:01
-
2023-04-02 21:14:01
-
2023-04-02 21:12:02
-
2023-04-02 21:10:02
-
2023-04-02 21:08:02
-
2023-04-02 21:06:01