轻松使用jquery解析XML
2014-09-05 11:51
316 查看
xml文件结构:books.xml
<?xml version="1.0" encoding="UTF-8"?>
<root>
<book id="1">
<name>深入浅出extjs</name>
<author>张三</author>
<price>88</price>
</book>
<book id="2">
<name>锋利的jQuery</name>
<author>李四</author>
<price>99</price>
</book>
<book id="3">
<name>深入浅出flex</name>
<author>王五</author>
<price>108</price>
</book>
<book id="4">
<name>java编程思想</name>
<author>钱七</author>
<price>128</price>
</book>
</root>
页面代码:
<!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=UTF-8">
<title>jquery解析xml</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>
效果图:
完整示例下载
<?xml version="1.0" encoding="UTF-8"?>
<root>
<book id="1">
<name>深入浅出extjs</name>
<author>张三</author>
<price>88</price>
</book>
<book id="2">
<name>锋利的jQuery</name>
<author>李四</author>
<price>99</price>
</book>
<book id="3">
<name>深入浅出flex</name>
<author>王五</author>
<price>108</price>
</book>
<book id="4">
<name>java编程思想</name>
<author>钱七</author>
<price>128</price>
</book>
</root>
页面代码:
<!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=UTF-8">
<title>jquery解析xml</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>
效果图:
完整示例下载
相关文章推荐
- 轻松使用jquery解析XML
- 轻松使用jquery解析XML
- 轻松使用jquery解析XML
- 轻松使用xmlpull解析xml
- ie无法使用jquery解析xml的解决方法
- HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)
- 使用第三方框架Xstream轻松解析xml数据
- ie无法使用jquery解析xml
- 使用jquery解析XML示例代码
- 使用jQuery解析XML
- ie无法使用jquery解析xml
- 使用jquery解析XML的方法
- 使用jquery解析xml
- jquery使用ajax加载并解析xml
- 使用jquery,返回xml,并解析xml
- 使用jquery解析XML示例代码
- 解决IE中无法用jquery解析xml使用find的问题
- 使用Jquery解析xml的两种方法
- 轻松使用xmlpull解析xml
- 解决IE中无法使用jquery.find方法解析xml字符串的方法