加载并显示XML文件

HTML

<button id="btn1">显示XML内容</button>
<!--显示XML内容的div元素-->
<div id="xmlcontent">
<ol>
</ol>
</div>
					    

JS

 $(document).ready(function(){
	 $("#btn1").click(function(){     //当单击按钮时，加载XML文件
		$.ajax({                        //调用$.ajax读取XML文件
		url:'asyncXML.xml',                  //指定读取的Url
		type: 'GET',                    //指定请求方式
		dataType: 'xml',                //这里指定数据类型为xml
		timeout: 1000,                  //指定超时交付晨
		error: function(xml){         //异步请求错误时，显示错误消息
			  alert('错误的加载xml文档'+xml);
		},
		success: function(xml){       //异步请求成功时
		       //使用jQuery的XML语法查找并读取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");
				 $('<li></li>')        //将XML内容写入到网页上
					.html(id_value+' '+name+' '+email)
					.appendTo('ol');
			  });
		}
		});
 });
 });