jquery 解析xml字符串例子

XML和HTML都是标记语言，语法形式非常相似，同属于一个语言体系。对于HTML的解析，我是使用jQuery非常方便，其实，我们也可以用jquery解析XML，也是同样的方便。

如果你用过Java、PHP等语言解析过XML，相信会跟我有相同的感觉，那就是很麻烦。改用jQuery来读取、分析、操作XML后，给人意想不到的轻松感。下面我们来看看使用jQuery处理XML文件的几种形式方法。

使用JavaScript常规方法解析XML

var xmlDoc = request.responseXML;
try // Build Markers, if available
{
  var markers = xmlDoc.getElementsByTagName("marker") ;
  for ( var i = 0; i < markers.length ; i++ ) {
    var point = {
      markers[i].getAttribute("lat")),
      markers[i].getAttribute("lng")
    };
  }
} catch(e) {}

使用jQuery解析XML

$(request.responseXML).find("marker").each(function() {
  var marker = $(this);
  var point = {
    marker.attr("lat"),
    marker.attr("lng")
  };
});

使用$.parseXML()解析XML

如果你已经把XML内容读到了字符串里，你可以使用$.parseXML()方法分析它：

xml = $.parseXML( $('body > pre').text() );

$(xml).find("entry").each(function() {
    var $this = $(this),
        item  = {
            Address1: $this.find("Address1").text(),
            Address2: $this.find("Address2").attr('name')
           
        }
});

例子

一、xml文件结构:books.xml

 
  深入浅出extjs
  张三
  88
 
 
  锋利的jQuery
  李四
  99
 
 
  深入浅出flex
  王五
  108
 
 
  java编程思想
  钱七
  128
 

二、页面代码:

 

例子，上面的都是已经写好的xml文档，下面例子可以加载xml再解析

加载并解析XML

创建实例XML文档（Student.xml）
[html] view plain copy
 
 
   
    peter 
    1 
   
 
   
    ken 
    2 
   
 
4、获取XML

$(document).ready(function() { 
    $.ajax({ 
        url: '/xml/Student.xml', 
        type: 'GET', 
        dataType: 'xml', 
        timeout: 1000,  //设定超时 
        cache: false,   //禁用缓存 
        error: function(xml) { 
            alert("加载XML文档出错!"); 
        }, 
        success: GetStudentComplete   //设置成功后回调函数 
    }); 
}); 
    通过JQuery的Ajax函数进行读取。
5、 解释XML

//获取XML成功后回调函数 
function GetStudentComplete(xml) { 
    $(xml).find("student").each(function(i) {     //查找所有student节点并遍历 
        var id = $(this).children("id");          //获得子节点 
        var id_vaule = id.text();                 //获取节点文本 
        var email_vaule = $(this).attr("email");  //获取节点的属性 
        alert(id_vaule); 
        alert(email_vaule); 
    }); 
} 
    解析XML文档与解析DOM一样，也可以用find()、children()等函数来解析和用each()方法来进行遍历，另外也可以用text()和attr()方法来获取节点文本和属性。

很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置；如果是由后台程序动态生成的，那么就需要设置Content-Type为“text/xml”，否则JQuery会以默认的“text/html”方式处理，导致解析失败。以下是几种常见语言中设置Content-Type的方式

header("Content-Type:text/xml");     //PHP 
response.ContentType = "text/xml";   //ASP 
response.setContentType("text/xm");  //JSP