1. 程式人生 > >使用jquery解析xml

使用jquery解析xml

使用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. <?xml version="1.0" encoding="UTF-8"?>  
  3.         <name>zhangsan</name>  
  4.         <id>1</id>  
  5.         <name>lisi</name>  
  6.         <id>2</id>  
  7.   
  8. 正確的  
  9. CODE:   
  10. <?xml version="1.0" encoding="UTF-8"?>  
  11. <stulist>  
  12.         <student  email="[email protected]">    
  13.                 <name>zhangsan</name>   
  14.                 <id>1</id>  
  15.         </student>  
  16.         <student  email="[email protected]">  
  17.                <name>lisi</name>  
  18.                 <id>2</id>  
  19.         </student>  
  20. </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('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();  //取文字 或者 $("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('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();  //取文字 或者 $("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. });