正确用JQ的AJAX加载XML并解析

1,Content-Type
很多时候无法解析就是Content-Type的问题。
如果本身就是xml文件，请跳过这一步
动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。
常见语言的Content-Type设置

1  header( " Content-Type:text/xml " );     // php
2  response.ContentType = " text/xml "     // asp
3  response.setHeader( " ContentType " , " text/xml " );   // jsp

XML一定要封闭的，很重要！
例：
错误的XML

1  <? xml version="1.0" encoding="UTF-8" ?>
2           < name > zhangsan </ name >
3           < id > 1 </ id >
4           < name > lisi </ name >
5           < id > 2 </ id >
6 

正确的

Code
 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <stulist>
 3         <student  email="1@1.com">  
 4                 <name>zhangsan</name> 
 5                 <id>1</id>
 6         </student>
 7         <student  email="2@2.com">
 8                <name>lisi</name>
 9                 <id>2</id>
10         </student>
11 </stulist>
12 

 

3,解析
这里引用macnie的
遍历student（这里还是用上面那个XML，子节点是student)

Code
 1$.ajax({
 2    url:'ajax.asp',
 3    type: 'GET',
 4    dataType: 'xml',//这里可以不写，但千万别写text或者html!!!
 5    timeout: 1000,
 6    error: function(xml){
 7        alert('Error loading XML document'+xml);
 8    },
 9    success: function(xml){
10        $(xml).find("student").each(function(i){
11            var id=$(this).children("id"); //取对象
12            var id_value=$(this).children("id").text(); //取文本
13            alert(id_value);//这里就是ID的值了。
14            alert($(this).attr("email")); //这里能显示student下的email属性。
15
16            //最后么输出了，这个是cssrain的写法，貌似比macnie更JQ一点
17            $('<li></li>')
18                .html(id_value)
19                .appendTo('ol');
20        });
21    }
22});
23

4,禁用缓存
如果你直接使用ajax方法，可以使用cache:false来禁用缓存
注意，是cache:false而不是cache:"false"。布尔值false不是字符串的"false"。
如果你是用get或者post方法，可以在url后面加上时间戳。比如"xml.php?ts"+(+new Date)
注意，不要用随机数，你无法预料到随机数会不会再次随机到……
但是在一切正常的情况下，时间戳是肯定不会重复的。

最后补充一条：保证服务器端是utf-8的编码，否则会乱码！
好啦，完工了，其实也不复杂，对吧？

转载于:https://www.cnblogs.com/coffee/archive/2009/06/11/1501093.html