javascript - jQuery 中的基本 XML 解析

Question

可能重复：
使用 jQuery 解析 XML

假设 XML 文件是这样的：

<blah>
 <test>This is a test</test>
</blah>

假设我有以下 HTML：

<div id="example"></div>

如何从 XML 文件中提取内容并使用 jQuerytest使其成为 HTML 代码中的内容？#example

此外，假设 XML 文件托管在与 HTML 代码不同的域上。

Answer 1

您可以执行以下操作：

$.ajax({
  dataType: "jsonp xml",
  url: "http://mydomain.com/xmlfile.xml",
}).done(function(data) { 
  $('#example').append($(data).find('test').text());
});

Answer 2

如果您可以选择，我的建议是使用 JSON 和 jQuery 的 $.post（或 $.ajax）而不是 XML。IMO，它将为您省去一些麻烦。请注意，这是一个有争议的问题 - 关于选择的一些基本讨论可在此处找到。

我使用的基本形式如下：

var namevariable="Suzie", agevariable=43;
var dS=JSON.stringify({"name":namevariable,"age":agevariable});
$.post('destination.php',{data:dS},function (res){
  var o=JSON.parse(res);
  // Return JSON format:  {"unit":"13","subject":"English"}  
  $("#example").html(o.subject);
},"text");  // closing argument of $.post

这会将姓名和年龄字段发送到destination.php。然后它期望destination.php 返回一个单元和主题变量。然后将主题变量放入您的<div id='example'></div>.

如果您选择使用此方法，此站点和网络上有大量帮助。

例如，您可以使用JSONLint检查 JSON 数据的格式。