jquery ---- getXml文件(遍历显示其中某个节点下的内容)
来源:互联网 发布:linux根目录是什么 编辑:程序博客网 时间:2024/06/04 00:52
getxml.html:
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
$.ajax({
type:"GET",
url:"student.xml",
dataType:"xml",
success:function(data){
var stud="<table border=\"1\">";
$(data).find("student").each(function(){
var name= $(this).find('first-name').text();
var mark = $(this).find('marks').text()
var city = $(this).find('city').text()
stud += "<tr><td>"+name+"</td>";
stud += "<td>"+mark+"</td>";
stud += "<td>"+city+"</td></tr>";
})
stud += "</table>";
$("#message").append(stud);
}
})
return false;
})
});
</script>
<body>
<p>To see the Names of the students extracted from XML file click the button given below:</p>
<input type="submit" id="submit" />
<div id="message">
</div>
</body>
student.xml:
<?xml version="1.0" encoding="utf-8"?>
<school>
<student>
<roll>110</roll>
<name>
<first-name>Anil</first-name>
<last-name>Sharma</last-name>
</name>
<address>
<street>
22/10 Sri Nagar Road
</street>
<city>
Ajmer
</city>
<state>
Rajasthan
</state>
<marks>
85
</marks>
</address>
</student>
<student>
<roll>111</roll>
<name>
<first-name>Ann</first-name>
<last-name>Arora</last-name>
</name>
<address>
<street>
H.NO 11-B Alwar Gate
</street>
<city>
Ajmer
</city>
<state>
Rajasthan
</state>
<marks>
92
</marks>
</address>
</student>
</school>
如图所示:
- jquery ---- getXml文件(遍历显示其中某个节点下的内容)
- delphi 遍历treeview某个节点下所有节点的函数
- delphi 遍历treeview某个节点下所有节点的函数
- delphi 遍历treeview某个节点下所有节点的函数
- 递归遍历某个路径下的文件
- Linux 下查看某个文件的内容
- Jquery的节点遍历
- 遍历树--得到某个节点下所有的最底层的节点数据
- python etree 输出某个节点下的所有节点的文本内容
- 改二叉树为链表,使每个节点指向其中序遍历的下个节点
- 找到某样式下的某个结点中的第一个节点的内容(给ul li中的span赋值)
- QT4:遍历删除某个目录下的所有文件
- 递归遍历某个目录下的所有java文件
- c++遍历某个路径下的所有文件
- JAVA遍历某个目录下的文件并读取
- IO流遍历某个目录下的所有文件
- 遍历安装某个路径下的所有apk文件
- c语言递归遍历某个目录下的txt文件
- 总结android中常会出现的不好解决的问题和方法
- Android创建桌面快捷方式两种方法
- 池子法 邻接表建图
- Actionscript3 文件上传组件制作
- Qsys学习笔记2
- jquery ---- getXml文件(遍历显示其中某个节点下的内容)
- Extjs-Flash报表 饼状图
- glib中GTrashStack小计
- [Happy DSA] rope算法学习
- html a target
- javascript正则表达式之$1...$9
- linux 下route命令
- cocos2d-x 动作效果代码集锦
- Swing在进行LookAndFeel切换时异常的解决方法