0

我正在尝试测试我的想法，但使用此 XML 到 JSON 脚本： https ://github.com/sergeyt/jQuery-xml2json

但是然后获取 JSON 数据，然后使用 jQuery 将其输出到 HTML 中。

到目前为止，我已经能够正确加载数据，并且可以console.log输出 JSON 数据，结果是这样的：

releases:
  $: {}
  matching_count: "698"
  returned_count: "50"
  latestModified: "1537876805"
  release: Array(50)
   0:
    $: {}
    id: "713"
    headline: "Eiger BioPharmaceuticals to Participate in Investor Conferences"
    released: "1537876800"
    releaseDate: "Tue, 25 Sep 2018 08:00:00 -0400"
    modified: "1537876805"
    modifiedDate: "Tue, 25 Sep 2018 08:00:05 -0400"
  1:
   $: {}
    id: "712"
    headline: "Communications industry innovator to speak at AMEC Global Summit"
    released: "1491400800"
    releaseDate: "Wed, 05 Apr 2017 10:00:00 -0400"
    modified: "1491400806"
    modifiedDate: "Wed, 05 Apr 2017 10:00:06 -0400"
...

到目前为止，我的 JS 代码是这样的：

var ul = $("<ul>").appendTo("body");
$.ajax({
  url: "https://s3-us-west-2.amazonaws.com/s.cdpn.io/8689/list.xml",
  dataType: "xml",
  success: function(response) {
    json = $.xml2json(response);
    console.log(json);
    $(json).each(function(index, headline) {
      ul.append($(document.createElement("li")).text(headline));
    });
  }
});

问题是当它渲染出来时，所有返回的都是[object Object]一个li.

所以，我知道我做错了什么，但我不确定我需要在哪里以及在什么时候转换来获取数据，这样我就可以渲染出headline,releaseDate等等。

我在这里创建了一个 Codepen： https ://codepen.io/ultraloveninja/pen/YzPRjRw

我读过我可能需要使用jQuery.parseJSON，但是在测试了一下之后，我得到了一些错误，因为它仍然object.Object再次出现。

我觉得我需要再深入一点才能以releases.release某种方式进入，因为这是所有数据都被渲染出来的地方。

4

1 回答 1

1

您尝试循环的响应是表示 xml 文档的对象。要访问发布数组，您必须使用json["#document"].releases.release

var ul = $("<ul>").appendTo("body");
$.ajax({
  url: "https://s3-us-west-2.amazonaws.com/s.cdpn.io/8689/list.xml",
  dataType: "xml",
  success: function(response) {
    json = $.xml2json(response);
    let release = json["#document"].releases.release
    $(release).each(function(index, headline) {
      ul.append($(document.createElement("li")).text(headline.headline));
    });
  }
});

例子

于 2020-01-20T19:18:36.590 回答