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
url: 'ajax/test.xml',
dataType : 'xml',
cache: false,
$("AUTHOR", xml).each(function(id) {
AUTHOR = $("AUTHOR", xml).get(id);
alert($("FIRSTNAME", AUTHOR).text());
alert($("LASTNAME", AUTHOR).text());
});
}
url: 'ajax/test.xml',
dataType : 'xml',
cache: false,
$("AUTHOR", xml).each(function(id) {
//AUTHOR = $("AUTHOR", xml).get(id);
alert($(this).children("FIRSTNAME").text());
alert($(this).children("LASTNAME").text());
});
}
很多时候无法解析就是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
- 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:
- $.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');
- });
- }
- });
$(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);
}
};