您的位置：首页 > Web前端 > JQuery

jquery解析xml文件

2017-12-18 20:14 127 查看

<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student  email="1@1.com">
<name>zhangsan</name>
<id>1</id>
</student>
<student  email="2@2.com">
<name>lisi</name>
<id>2</id>
</student>
</stulist>

<!DOCTYPE html>
<html>
<head>
<title>jquery解析xml文件</title>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
// 解析文件的注意事项
// 针对jsp代码 设置 response.setContentType("text/xml")

$.ajax({
url:"ajax.xml",
type:"GET",
dataType:"xml",
timeout:1000,
// 注意禁用缓存 $.ajax cache=false
// $.post是默认经常缓存的
// $.get url+new Date() url添加时间戳避免缓存
cache:false,
error:function(xml){
alert("加载xml文档出错");
},
success:function(xml){
//建立一个代码片段
var frag = $("<url/>");
//遍历所有的Student节点
$(xml).find("student").each(function(i){
// 获取id节点
var id = $(this).children("id"),
// 获取文本节点
id_value = id.text(),
// 获取Student的值
email = $(this).attr("email");

//构建html字符串 通过append方法追加到页面上
frag.append("<li>"+id_value+"-"+email+"</li>");
});
// 最后将frag添加到HTML文档中
frag.appendTo("#load");
}
});

</script>
</head>
<body>
<button>加载</button>
<div id="load"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery

相关文章推荐

新的分享

章节导航