DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> jquery加載XML文檔代碼分享
jquery加載XML文檔代碼分享
編輯:AJAX詳解     
jquery加載XML文檔代碼分享,jquery代碼如下。

jquery加載XML文檔
jquery代碼如下
<script type="text/Javascript">
$(function(){

$("#AJax").one('click',function(){
//$("#AJax").nextAll().remove();
$.AJax({
url: 'AJax.XML',
//data: {id: 1, name: 0},
dataType: 'XML',
error: function(XML){
alert('加載出錯');
},
success: function(XML){
var tr='';
$(XML).find("row").each(function(i){
var id=$.trim($(this).children("id").text()); //取對象
var v1=$(this).attr('v1');
var v2=$(this).attr('v2');
var v3=$(this).attr('v3');
var v4=$(this).attr('v4');
var v5=$(this).attr('v5');
//最後麼輸出了
$('<tr></tr>')
.Html('<td>id:'+id+'</td><td>v1:'+v1+'</td><td>v2:'+v2+'</td><td>v3:'+v3+'</td><td>v4:'+v4+'</td><td>v5:'+v5+'</td>')
.appendTo("#list");

});
//var tabl= '<table bgcolor="#FFFFFF" border="0" cellpadding="1" cellspacing="1" width="100%">';
// var tab2= '</table>';
//$("#list").Html(tabl + tr + tab2);
}
})
});
$("#AJax").click(function(){$(this).nextAll().toggle();});
$("#T1").click(function(){$(this).next().toggle();});

})
</script>
 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved