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>
|