本文實例講述了jQuery讀取XML檔案內容的方法。分享給大家供大家參考。具體實作方法如下: 複製程式碼 程式碼如下: jQuery讀取XML檔 <br /> h1{顏色:綠色;文字對齊:中心;}<br /> 正文{ 背景顏色:#EEEEEE ;字體系列:微軟雅黑; }<br /> #showresult{寬度:600px;溢位:隱藏;}<br /> </樣式><br /> <腳本類型=“text/javascript”src=“jquery/1.4.4/jquery.min.js”> <br /> <腳本類型=“text/javascript”><br /> $(文檔).ready(function () {<br /> $("#read").click(function () {<br /> $.ajax({<br /> //請求方式為get<br /> 模式種:「GET」,<br /> //xml檔案位置<br /> url: "sitemap.xml",<br /> //返回資料格式為xml<br /> 資料型態:“xml”,<br /> //請求完成後執行的方法<br /> 成功:函數(xml){<br /> $(xml).find("url").each(function (i) {<br /> //i從0開始,且累加,若要顯示所有資料,將判斷去掉即可<br /> 若 (i < 10) {<br /> 地 //連結位址<br /> var location = $(this).find("loc").text();<br /> //化文字 <br /> var text = $(this).find("loc").text();<> //以且動態載入方式:連結位址<br /> $("<a>").attr("href", 位置)<br /> $("<a>").attr("href", 位置)<br /> //化文字 <br /> .text(內)<br /> 地 //設定樣式<br /> .css({ "width": "700px", "float": "lefts({ "width": "700px", "float": "leftp", "5-ginbot", ")px", "float": "left」, "5-ginbot" //已負荷為div<br /> .appendTo("#showresult");<br /> }<br /> })<br /> }<br /> });<br /> return 稱為;<br /> });<br /> });<br /> <br /> <br /> <body><br /> <div id="showresult"><br /> <h1>jQuery讀取XML檔案<br /> <a id="read" href="#" style="width:700px;">點選讀取XML<br />