什么是在AJAX中解析xml响应的最佳方法

时间:2010-10-18 09:35:30

标签: jquery xml ajax

我有一个用XML响应请求的服务器,我想在javascript中解析它。我真的很喜欢使用的actionscript xml解析器。我在游荡是否有一种非常简单/直接的方法来解析我从服务器获取的XML?

理想的用法应该是:

fetchXML 新的XMLParser。 parser.parse 访问该文档。

btw我打算用jquery。

2 个答案:

答案 0 :(得分:21)

使用$.ajax的常规dataType: "xml"可以解决问题,然后您可以使用jQuery选择器浏览内容,就像使用简单的网页一样(例如示例中的attr函数检索每个书籍节点的“代码”字段或find函数以查找特定的节点类型。)

例如,您可以按标题查找特定图书:

$(xml).find("book[title='Cinderella']")

其中xmlsuccess处理程序从$.ajax收到的数据。


以下是完整的示例:

<!DOCTYPE html>
<html>
<head>
 <title>jQuery and XML</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="language" content="en" />
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body

<div id="output"></div>

<script type="text/javascript">
$(document).ready(function(){
 $.ajax({
  type: "GET",
  dataType: "xml",
  url: "example.xml",
  success: function(xml){
   $(xml).find("book").each(function(){
    $("#output").append($(this).attr("code") + "<br />");
   });
  }
 });
});
</script>


</body>
</html>

匹配的XML文件:

<?xml version="1.0" encoding="UTF-8"?> 
<books title="A list of books">
 <book code="abcdef" />
 <book code="ghijklm">
  Some text contents
 </book>
</books>

答案 1 :(得分:3)

使用正确的内容类型(例如application/xml)返回数据,XHR会为您解析它。

另请参阅:jQuery的ajax method的dataType参数。