Jquery-Ajax读取XML 文件
Jquery-Ajax读取XML 文件
index.html file <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="javascript" type="text/javascript" src="http://blog.163.com/jiawei28888@126/blog/js/jquery-1.3.1.js"></script> <script language="javascript" type="text/javascript" src="http://blog.163.com/jiawei28888@126/blog/js/jquery-1.3.1.min.js"></script> <script language="javascript" type="text/javascript" src="http://blog.163.com/jiawei28888@126/blog/js/myscript.js"></script> <title>Insert title here</title> </head> <body> <div id="xmlrequest"> <ul style="list-style:none"> </ul> </div> </body> </html>
message.xml file <stulist> <student email="1234@126.com"> <id>1</id> <name>wangwu</name> </student> <student email="2567@163.com"> <id>2</id> <name>zhangming</name> </student> </stulist>
myscript.js file
//Ajax read .xml file $.ajax({ url:'resouce/book.xml', type: 'GET', dataType: 'xml', timeout: 1000, error: function(xml){ alert('Error loading XML document'+xml); }, success: function(xml){ $(xml).find("student").each(function(i){ var id=$(this).children("id"); //取对象 var id_value=$(this).children("id").text(); //取文本 var name = $(this).children("name").text();//取文本 var email =$(this).attr("email"); // alert(id_value);//弹出文本框，这里就是ID的值了。 // alert($(this).attr("email")); //弹出文本框，这里能显示student下的email属性。 //最后么输出了，这个是cssrain的写法 $('<li></li>').html(id_value+" "+name+" "+email).appendTo('#xmlrequest ul'); }); } });
message.xml file <stulist> <student email="1234@126.com"> <id>1</id> <name>wangwu</name> </student> <student email="2567@163.com"> <id>2</id> <name>zhangming</name> </student> </stulist>
myscript.js file
//Ajax read .xml file $.ajax({ url:'resouce/book.xml', type: 'GET', dataType: 'xml', timeout: 1000, error: function(xml){ alert('Error loading XML document'+xml); }, success: function(xml){ $(xml).find("student").each(function(i){ var id=$(this).children("id"); //取对象 var id_value=$(this).children("id").text(); //取文本 var name = $(this).children("name").text();//取文本 var email =$(this).attr("email"); // alert(id_value);//弹出文本框，这里就是ID的值了。 // alert($(this).attr("email")); //弹出文本框，这里能显示student下的email属性。 //最后么输出了，这个是cssrain的写法 $('<li></li>').html(id_value+" "+name+" "+email).appendTo('#xmlrequest ul'); }); } });
浙公网安备 33010602011771号