JQuery的AJAX加載XML並解析

  1. 1,Content-Type
    很多時候無法解析就是Content-Type的問題。
    如果本身就是xml文件,請跳過這一步
    動態生成的XML一定要將其設置爲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. 2,解析
  3. $.ajax({  
  4.     url:'ajax.asp',  
  5.     type: 'GET',  
  6.     dataType: 'xml',//這裏可以不寫,但千萬別寫text或者html!!!  
  7.     timeout: 1000,  
  8.     error: function(xhr){  
  9.         alert('Error loading XML document:ajax.asp\nHttp status: " + xhr.status + " " + xhr.statusText);
  10.     },  
  11.     success: function(xml){  
  12.         $(xml).find("student").each(function(i){  
  13.             var id=$(this).children("id"); //取對象  
  14.             var id_value=$(this).children("id").text(); //取文本  
  15.             alert(id_value);//這裏就是ID的值了。  
  16.             alert($(this).attr("email")); //這裏能顯示student下的email屬性。  
  17.             $('<li></li>')  
  18.                 .html(id_value)  
  19.                 .appendTo('ol');  
  20.         });  
  21.     }  
  22. }); 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章