在jQuery中利用AJAX加载XML数据并解析

【Javascript】

下载

新闻

文章

常常使用ajax请求数据后会要求生成json\xml等等,然后对其进行解析,这是其中对xml解析方法

解析前一定要确保编码一致，否则会出现乱码情况：

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

<?xml version="1.0" encoding="UTF-8"?>   
<stulist>   
<student email="1@1.com">   
<name>zhangsan</name>   
<id>1</id>   
</student>   
<student email="2@2.com">   
<name>lisi</name>   
<id>2</id>   
</student>   
</stulist>

//解析:这里引用macnie的遍历student

$.ajax({
url:'ajax.asp',
type: 'GET',   
dataType: 'xml',//这里可以不写，但千万别写text或者html!!!   
timeout: 1000,   
error: function(xml){   
      alert('Error loading XML document'+xml);   
},   
success: function(xml){
        $(xml).find("student").each(function(i){ 
          var id=$(this).children("id"); //取对象
         var idvalue=$(this).children("id").text(); //取文本 
          alert(id_value);//这里就是ID的值了。
          alert($(this).attr("email")); //这里能显示student下的email属性。
          //最后么输出了，这个是cssrain的写法，貌似比macnie更JQ一点 
          $('<li></li>').html(id_value).appendTo('ol'); 
       });
 }
 });