解析 JSON 数组 - 将结果放入 HTML <span>答案

【问题标题】：Parsing JSON Arrays - Placing result into HTML <span>解析 JSON 数组 - 将结果放入 HTML <span>
【发布时间】：2014-06-20 11:45:05
【问题描述】：

我正在尝试从 URL 解析 JSON 文件，然后从 JSON 中获取一些信息并放入我的站点。对于没有复杂数组/对象结构的简单 JSON 文件，我已经成功地做到了这一点。

我不确定我到底哪里出了问题，但如果有人能指出我在 JSON 结构上的一篇好文章，我将不胜感激，但我很感激任何帮助或建议，我会努力寻找任何涉及的信息从 JSON 文件中获取选择性数据。

相关的 JSON 文件可以在这里找到：https://api.twitch.tv/kraken/streams?limit=1

我正在寻找的确切信息是流下的游戏。

HTML：

<p><span id="game"></span></p>

脚本：

var url2 = "https://api.twitch.tv/kraken/streams?limit=1";
$.getJSON(url2 + "?callback=?", null, function (topdata) {
document.getElementById("game").innerHTML = topdata.streams[0].game;
});

提前致谢。

【问题讨论】：

标签： jquery html json api

【解决方案1】：

您的 url2 已经有一个查询部分。 Sou 添加以“？”开头的回调查询带来第二个查询部分，因此不对其进行评估。改变“？”到“&”，它的工作原理：

var url2 = "https://api.twitch.tv/kraken/streams?limit=1";
$.getJSON(url2 + "&callback=?", null, function (topdata) {
    document.getElementById("game").innerHTML = topdata.streams[0].game;
});

小提琴：http://jsfiddle.net/E7SM9/

【讨论】：

非常感谢，我花了这么多时间试图解决这个问题，答案很简单，这让我很尴尬。非常感谢！

【解决方案2】：

使用

var jsonObject = eval(jsonString);

将 json 字符串转回 JSON 对象

并考虑将您的 getJson 更改为：

$.ajax({
      cache: false,
      url: your request url,
      type: "POST",
      dataType: "json",
      data: JSON.stringify(data),
      contentType: "application/json; charset=utf-8"
      });

【讨论】：