jquery解析xml

http://www.080909.com/wordpress/2008/10/%e7%94%a8jquery%e8%a7%a3%e6%9e%90xml/

http://blog.csdn.net/futurezwl/archive/2009/03/21/4011771.aspx

http://blog.csdn.net/jiangyu912/archive/2009/09/08/4532589.aspx

http://blog.csdn.net/greatverve/archive/2008/12/25/3601620.aspx

http://blog.sina.com.cn/s/blog_4b81125f0100fca2.html

http://topic.csdn.net/u/20081228/22/f3cee0ae-64e4-4085-9fc9-a059df70d31c.html

使用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代码

1. CODE:
2. <?xmlversion="1.0"encoding="UTF-8"?>
3. <name>zhangsan</name>
4. <id>1</id>
5. <name>lisi</name>
6. <id>2</id>
8. 正确的
9. CODE:
10. <?xmlversion="1.0"encoding="UTF-8"?>
11. <stulist>
12. <studentemail="1@1.com">
13. <name>zhangsan</name>
14. <id>1</id>
15. </student>
16. <studentemail="2@2.com">
17. <name>lisi</name>
18. <id>2</id>
19. </student>
20. </stulist>

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代码

1. $.ajax({
2. url:'ajax.jsp',
3. type:'GET',
4. dataType:'xml',
5. timeout:1000,
6. error:function(xml){
7. alert('ErrorloadingXMLdocument'+xml);
8. },
9. success:function(xml){
10. $(xml).find("student").each(function(i){
11. varid=$(this).children("id");//取对象
12. varid_value=$(this).children("id").text();//取文本或者$("id",xml).text();
13. alert(id_value);//这里就是ID的值了。
14. alert($(this).attr("email"));//这里能显示student下的email属性。
15. $('<li></li>').html(id_value).appendTo('ol');
16. });
17. }
18. });

1. $.ajax({
2. url:'ajax.jsp',
3. type:'GET',
4. dataType:'xml',
5. timeout:1000,
6. error:function(xml){
7. alert('ErrorloadingXMLdocument'+xml);
8. },
9. success:function(xml){
10. $(xml).find("student").each(function(i){
11. varid=$(this).children("id");//取对象
12. varid_value=$(this).children("id").text();//取文本或者$("id",xml).text();
13. alert(id_value);//这里就是ID的值了。
14. alert($(this).attr("email"));//这里能显示student下的email属性。
15. $('<li></li>').html(id_value).appendTo('ol');
16. });
17. }
18. });

$(function(){
GetXmlDoc.Read("treeview.xml");
});
var GetXmlDoc={
Read:function(filePath)
{
$.ajax({
type: "GET",
url: filePath,
dataType: "xml",
success: function(xml){GetXmlDoc.HandXml(xml);}
});
},
HandXml:function(xml)
{
var a=0;
var b=0;
var result="";

$(xml).find('List').each(
function(){
$(this).find('CB').each(
function()
{
a ++;
result += "<li id='CB_"+a+"' οnclick=\"javascript:$('#CB_ul_"+a+"').toggle('slow');\">"+$(this).attr('cname')+ "("+$(this).attr('cid')+")</li>"+"<ul id='CB_ul_"+a+"' style=\"display:none\">";

$(this).find('CS').each(
function(){
b++;
result +="<li id='CB_"+a+"_"+b+"'>"+$(this).attr('cname')+"("+$(this).attr('cid')+")</li>";
}
);

result +="</ul>";
}
);
}
);

setTimeout(function(){
$('#ul_id').html(result).show('slow');
},2000);

}

};