JQuery解析XML数据的例子
来源:互联网 发布:最常用的编程语言 编辑:程序博客网 时间:2024/05/17 09:04
用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。
第一种方案:
01
<script type=
"text/javascript"
>
02
$(document).ready(
function
() {
03
$.ajax({
04
url:
'http://www.nowamagic.net/cgi/test.xml'
,
05
dataType:
'xml'
,
06
success:
function
(data){
07
//console.log(data);
08
$(data).find(
"channel"
).find(
"item"
).each(
function
(index, ele) {
09
var
titles = $(ele).find(
"title"
).text();
10
var
links = $(ele).find(
"link"
).text();
11
console.log(titles+
'-----'
);
12
$(
"#noticecon"
).find(
'ol'
).append(
'<li><a href="'
+links+
'">'
+titles+
'</a></li>'
);
13
});
14
}
15
});
16
})
17
</script>
18
19
<div id=
"noticecon"
>
20
<ol>
21
</ol>
22
</div>
第二种方案:
01
<script type=
"text/javascript"
>
02
$.get(
"http://www.nowamagic.net/cgi/test.xml"
,
function
(data){
03
$(data).find(
'channel'
).find(
'item'
).each(
function
(index, ele){
04
var
titles = $(ele).find(
'title'
).text();
05
var
links = $(ele).find(
'link'
).text();
06
$(
"#noticecon"
).find(
'ol'
).append(
'<li><a href="'
+links+
'">'
+titles+
'</a></li>'
);
07
})
08
});
09
</script>
10
11
<div id=
"noticecon"
>
12
<ol>
13
</ol>
14
</div>
一般步骤如下:
1. 读取xml文件
1
$.get(
"xmlfile.xml"
,
function
(xml){
2
//xml即为可以读取使用的内容,具体读取见第2点
3
});
2. 读取xml内容
如果读取的xml是来于xml文件,这结合上面的那点,处理如下:
1
$.get(
"xmlfile.xml"
,
function
(xml){
2
$(xml).find(
"item"
).length;
3
});
如果读取的是xml字符串,则要注意一点,xml字符串的必然被"<xml>"和"</xml>"包围才可以被解析
1
$(
"<xml><root><item></item></root></xml>"
).find(
"item"
).length;
解析xml内容:
示例xml:
01
<?xml version=
"1.0"
encoding=
"utf-8"
?>
02
<fields>
03
<field Name=
"Name1"
>
04
<fieldname>dsname</fieldname>
05
<datatype>字符</datatype>
06
</field>
07
<field Name=
"Name2"
>
08
<fieldname>dstype</fieldname>
09
<datatype>字符</datatype>
10
</field>
11
</fields>
以下是解析示例代码:
1
$(xml).find(
"field"
).each(
function
() {
2
var
field = $(
this
);
3
var
fName = field.attr(
"Name"
);
//读取节点属性
4
var
dataType = field.find(
"datatype"
).text();
//读取子节点的值
5
});
- JQuery解析XML数据的例子
- JQuery解析XML数据的几个例子
- JQuery解析XML数据的几个例子
- JQuery解析XML数据的几个例子
- JQuery解析XML数据的几个例子
- JQuery解析XML数据的几个例子
- JQuery解析XML数据的几个例子
- JQuery解析XML数据的几个例子
- JQuery解析XML数据的几个例子
- jquery解析xml的例子
- jquery解析xml的例子
- jquery 解析 xml数据
- JQuery解析XML数据
- XML解析的例子
- SAX解析XML的例子.
- 几个解析XML的例子
- AJAX用jquery解析servlet返回回来的XML 数据
- jquery ajax 请求、解析返回来的xml数据
- 用js实现在文本框中检测字数和限制字数功能
- flex 学习笔记(1)
- Broadcom网卡汇聚教程
- 跨平台的动态链接库的调用
- OAException: Application: FND, Message Name: FND_NO_DATABASE_CONNECTION
- JQuery解析XML数据的例子
- C# 文件下载四方法
- Pascal 的春天 -- Freepascal 可开发 WinCE/ARM-Linux程序
- Android中文文档
- UTF-8 GBK UTF8 GB2312 之间的区别和关系
- 线程的优先级
- Linux下MySQL 5.5.x 编译安装详解
- Away3D的纹理创建没有节制
- U-Boot的加载地址分析