正確用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

2，xml結構。
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>

正確的

 

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

3,解析
這裏引用macnie的
遍歷student（這裏還是用上面那個XML，子節點是student)

 

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.             //最後麼輸出了，這個是c***ain的寫法，貌似比macnie更JQ一點
17.             $('<li></li>')
18.                 .html(id_value)
19.                 .appendTo('ol');
20.         });
21.     }
22. });

4,禁用緩存
如果你直接使用ajax方法，可以使用cache:false來禁用緩存
注意，是cache:false而不是cache:"false"。布爾值false不是字符串的"false"。
如果你是用get或者post方法，可以在url後面加上時間戳。比如"xml.php?ts"+(+new Date)
注意，不要用隨機數，你無法預料到隨機數會不會再次隨機到……
但是在一切正常的情況下，時間戳是肯定不會重複的。

最後補充一條：保證服務器端是utf-8的編碼，否則會亂碼。