使用jquery解析xml
2013-04-16 16:51
351 查看
使用Jquery解析XML:
$.ajax({
url:'ajax/test.xml',
dataType: 'xml',
cache:false,
success: function(xml) {
$("AUTHOR", xml).each(function(id){
AUTHOR = $("AUTHOR", xml).get(id);
alert($("FIRSTNAME",
AUTHOR).text());
alert($("LASTNAME",
AUTHOR).text());
});
}
});
以上方式:IE7无法通过,Firefox可以运行。
可以使用以下方式来获取XML节点内容:
$.ajax({
url:'ajax/test.xml',
dataType: 'xml',
cache:false,
success: function(xml) {
$("AUTHOR", xml).each(function(id){
//AUTHOR = $("AUTHOR",xml).get(id);
alert($(this).children("FIRSTNAME").text());
alert($(this).children("LASTNAME").text());
});
}
});
1,Content-Type
很多时候无法解析就是Content-Type的问题。(呵呵,我第一次做ajax的时候,就遇到这个问题.)
一定要将其设置为text/xml,否则默认就是text/html也就是普通的文本了。
常见语言的Content-Type设置
CODE:
header("Content-Type:text/xml"); //php
response.ContentType="text/xml" //asp
response.setHeader("ContentType","text/xml"); //jsp (我上次这没写,结果返回 是一个 "")
2,xml结构。
XML一定要封闭的,很重要! (这个我一般不会范,我还是算比较细心的.)
例:
错误的XML
Xml代码
CODE:
<?xml version="1.0" encoding="UTF-8"?>
<name>zhangsan</name>
<id>1</id>
<name>lisi</name>
<id>2</id>
正确的
CODE:
<?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>
3,解析
遍历student(这里还是用上面那个XML,子节点是student)
CODE:
Js代码
$.ajax({
url:'ajax.jsp',
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取对象
var id_value=$(this).children("id").text(); //取文本 或者 $("id" , xml).text();
alert(id_value);//这里就是ID的值了。
alert($(this).attr("email")); //这里能显示student下的email属性。
$('<li></li>').html(id_value).appendTo('ol');
});
}
});
$.ajax({
url:'ajax.jsp',
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取对象
var id_value=$(this).children("id").text(); //取文本 或者 $("id" , xml).text();
alert(id_value);//这里就是ID的值了。
alert($(this).attr("email")); //这里能显示student下的email属性。
$('<li></li>').html(id_value).appendTo('ol');
});
}
});
$.ajax({
url:'ajax/test.xml',
dataType: 'xml',
cache:false,
success: function(xml) {
$("AUTHOR", xml).each(function(id){
AUTHOR = $("AUTHOR", xml).get(id);
alert($("FIRSTNAME",
AUTHOR).text());
alert($("LASTNAME",
AUTHOR).text());
});
}
});
以上方式:IE7无法通过,Firefox可以运行。
可以使用以下方式来获取XML节点内容:
$.ajax({
url:'ajax/test.xml',
dataType: 'xml',
cache:false,
success: function(xml) {
$("AUTHOR", xml).each(function(id){
//AUTHOR = $("AUTHOR",xml).get(id);
alert($(this).children("FIRSTNAME").text());
alert($(this).children("LASTNAME").text());
});
}
});
1,Content-Type
很多时候无法解析就是Content-Type的问题。(呵呵,我第一次做ajax的时候,就遇到这个问题.)
一定要将其设置为text/xml,否则默认就是text/html也就是普通的文本了。
常见语言的Content-Type设置
CODE:
header("Content-Type:text/xml"); //php
response.ContentType="text/xml" //asp
response.setHeader("ContentType","text/xml"); //jsp (我上次这没写,结果返回 是一个 "")
2,xml结构。
XML一定要封闭的,很重要! (这个我一般不会范,我还是算比较细心的.)
例:
错误的XML
Xml代码
CODE:
<?xml version="1.0" encoding="UTF-8"?>
<name>zhangsan</name>
<id>1</id>
<name>lisi</name>
<id>2</id>
正确的
CODE:
<?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>
3,解析
遍历student(这里还是用上面那个XML,子节点是student)
CODE:
Js代码
$.ajax({
url:'ajax.jsp',
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取对象
var id_value=$(this).children("id").text(); //取文本 或者 $("id" , xml).text();
alert(id_value);//这里就是ID的值了。
alert($(this).attr("email")); //这里能显示student下的email属性。
$('<li></li>').html(id_value).appendTo('ol');
});
}
});
$.ajax({
url:'ajax.jsp',
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取对象
var id_value=$(this).children("id").text(); //取文本 或者 $("id" , xml).text();
alert(id_value);//这里就是ID的值了。
alert($(this).attr("email")); //这里能显示student下的email属性。
$('<li></li>').html(id_value).appendTo('ol');
});
}
});
相关文章推荐
- HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)
- 使用jQuery解析XML
- 轻松使用jquery解析XML
- 解决IE中无法用jquery解析xml使用find的问题
- 使用jquery解析XML的方法
- 使用Jquery解析xml的两种方法
- 轻松使用jquery解析XML
- 使用jquery,返回xml,并解析xml
- 使用jquery解析XML示例代码
- ie无法使用jquery解析xml
- 使用jquery解析XML示例代码
- 轻松使用jquery解析XML
- 解决IE中无法使用jquery.find方法解析xml字符串的方法
- 使用jquery解析XML的方法
- ie无法使用jquery解析xml的解决方法
- jQuery使用ajax传输xml文档在IE中无法正确解析的问题
- ie无法使用jquery解析xml
- jquery使用ajax加载并解析xml
- ie无法使用jquery解析xml
- 轻松使用jquery解析XML