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

时间:2014-06-20 11:45:06

标签: jquery html json api

我正在尝试从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;
});

提前致谢。

2 个答案:

答案 0 :(得分:0)

您的url2已有查询部分。 Sou添加以“?”开头的回调查询带来第二个查询部分,因此不进行评估。改变“?”到“&amp;”它有效:

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/

答案 1 :(得分:0)

使用

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"
      });