首頁 > web前端 > js教程 > 主體

關於AJAX中 XML 的實例講解

jacklove
發布: 2018-05-09 10:15:25
原創
1367 人瀏覽過

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 相關內容做了講解,更多的學習資料清關注p​​hp中文網即可觀看。 ######相關推薦:#########MySQL之初識sql語句與函式庫操作 ###############如何透過TP5--增刪改查簡單實作###############如何透過mysql查詢最後一筆記錄##########

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!
TitleArtist
Artist
" xx[0].firstChild.nodeValue "