首先使用ajax把xml解開
$.ajax({ url:'source.xml', //外部的xml檔 type: 'GET', dataType: 'xml', success: parseXml });
url: 代表網址就不解釋了
type: http的請求狀態,通常不是post就是get
dataType: 預定從伺服器回傳的資料格式
success: 當呼叫成功執行的動作
如果想要傳送資料到後台,則可以使用data
data: {location: $('#location').val(), startTime: $('#start_time').text()}
$location=$_GET['location']; $startTime=$_GET['startTime'];
cache: 如果不希望瀏覽器快取,可是設為false
error: 如果ajax呼叫錯誤回傳
complete: 資料傳輸完畢回傳,用這個就可以搭配loading效果來使用,當loading結束關閉loading動畫
想看更多的用法可以到jQuery Ajax看更多用法。
成功了就parseXml,把xml的結構解析出來在讓他變成html就可以了。
function parseXml(xml){ $(xml).find("shoe").each(function(){ var $shoe = $(this); var $num = $(this).find('num').text(); }); }
<label id="000" type="leisure" ...>
就用attr就可以了$(this).attr('id')
參考資料:
jQuery教學-jQuery讀取XML整合與應用
TIPS-神奇的jQuery XML查詢魔法
Reading XML with jQuery
Jquery Ajax解析XML数据
0 意見:
張貼留言