如何在 html 中输出一个 json 对象？

Question

我是运行以下

js

  jQuery.getJSON("https://en.wikipedia.org/w/api.php?action=query&list=embeddedin&eititle=Template:Infobox&eilimit=5&callback=?", {
    disablelimitreport: true,
    format: "json"
  }, function(data) {
    jQuery.each(data, function(i, item) {
            console.log(data);
            jQuery("#results").append("<li>" + data + "</li>");
    });
  });

HTML

<ul id="results">

</ul>

输出

[object Object]
[object Object]
[object Object]
[object Object]

Console.log:

Object {warnings: Object, batchcomplete: "", continue: Object, query: Object}

我想要做的是获取那些 json 结果的所有 html 内容，并能够为每个结果找到一个 div 和 class infobox 并删除除 div 中的内容以外的所有内容，并将其输出到我的 html 列表中。

jsfiddle

参见：https://en.wikipedia.org/w/api.php?action=query&list=embeddedin&eititle=Template:Infobox&eilimit=5

基本上 wikipedia api 有很多事情要做，我正在寻找所有页面，所有页面，它们的侧面都有信息框，并且能够输出 html列出以便我可以在后面进行 js 解析，请参阅此 https://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&format=xmlfm&titles=Scary%20Monsters%20and%20Nice%20Sprites&rvsection=0

Answer 1

使用JSON.stringify将js对象转换为字符串。

jQuery.each(data, function(i, item) {
        jQuery("#results").append("<li>" + JSON.stringify(item) + "</li>");
});

您应该使用 item，因为您已经迭代了 data。

如何在 html 中输出一个 json 对象？

How to output in html a json object?

javascript

jquery

json

wikipedia

wikipedia-api