正確用JQ的AJAX加載XML並解析

1,Content-Type
不少時候沒法解析就是Content-Type的問題。
若是自己就是xml文件,請跳過這一步
動態生成的XML必定要將其設置爲text/xml,不然默認就是text/html也就是普通的文本了。
常見語言的Content-Type設置php

 

  1. header("Content-Type:text/xml");    //phpcss

  2. response.ContentType="text/xml"   //asphtml

  3. response.setHeader("ContentType","text/xml");  //jspweb

2,xml結構。
XML必定要封閉的,很重要!
例:
錯誤的XML ajax

 

  1. <?xml version="1.0" encoding="UTF-8"?>緩存

  2.         <name>zhangsan</name>服務器

  3.         <id>1</id>app

  4.         <name>lisi</name>jsp

  5.         <id>2</id>post

正確的

 

  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>

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.             //最後麼輸出了,這個是cssrain的寫法,貌似比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的編碼,不然會亂碼。

相關文章
相關標籤/搜索