$( function () { |
$( "button" ).click( function () { |
$.ajax({ |
url : 'ajax.xml' , |
type : 'GET' , |
dataType : 'xml' , |
timeout : 1000, |
cache : false , |
error : function (xml) { |
alert( '加载XML文档出错' ); |
}, |
success : function (xml) { |
|
//建立一个代码片段 |
var frag = $( "<ul/>" ); |
|
//遍历所有student节点 |
$(xml).find( "student" ).each( function (i) { |
//获取id节点 |
var id = $( this ).children( "id" ), |
//获取节点文本 |
id_value = id.text(), |
//获取student下的email属性。 |
email = $( this ).attr( "email" ); |
|
//构造HTML字符串,通过append方法添加进之前建立代码片段 |
frag.append( "<li>" + id_value + "-" + email + "</li>" ); |
}); |
|
//最后得到的frag添加进HTML文档中 |
frag.appendTo( "#load" ); |
} |
}); |
|
}); |
}); |