jQuery读取XML文件内容的方法
本文实例讲述了jQuery读取XML文件内容的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery读取XML文件</title>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<styletype="text/css">
h1{color:Green;text-align:center;}
body{background-color:#EEEEEE;font-family:微软雅黑;}
#showresult{width:600px;overflow:hidden;}
</style>
<scripttype="text/javascript"src="jquery/1.4.4/jquery.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("#read").click(function(){
$.ajax({
//请求方式为get
type:"GET",
//xml文件位置
url:"sitemap.xml",
//返回数据格式为xml
dataType:"xml",
//请求成功完成后要执行的方法
success:function(xml){
$(xml).find("url").each(function(i){
//i从0开始，累加，如果要显示所有数据，将判断去除即可
if(i<10){
//链接地址
varlocation=$(this).find("loc").text();
//显示文字
vartext=$(this).find("loc").text();
//动态加载方法:链接地址
$("<a>").attr("href",location)
//显示文字
.text(text)
//设置样式
.css({"width":"700px","float":"left","margin-bottom":"5px"})
//加载到div
.appendTo("#showresult");
}
})
}
});
returnfalse;
});
});
</script>
</head>
<body>
<divid="showresult">
<h1>jQuery读取XML文件</h1>
<aid="read"href="#"style="width:700px;">点击读取XML</a>
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。