无法正确访问 json github api 响应

Question

我正在尝试从 github 职位发布 API 访问 JSON 响应数据。这是 JSON 响应结构：

 [
    {"id":"1", "title":"gameon"}, 
    {"id":"2", "title":"hardlife"},
    {"id":"3", "title":"lotsofbugs"}
 ]

我一直在疯狂寻找访问 id 和 title 的解决方案。我尝试了几种方法，例如（假设响应存储在名为 jsonResponse 的 JS 变量中）：

jsonResponse[0][1]["title"]

甚至像

jsonResponse[1]["title"]

但一切似乎都不起作用。我想访问响应的每个部分的每个 id 和 title，但我找不到方法。如果我可以访问它，我会在测试它时提醒一切。每当我尝试访问 JSON 响应数据时，它所说的一切都是未定义的。有人可以帮帮我吗？

Answer 1

如果您想依次访问每个，可以使用forEach 函数。

var response =  [
     {"id":"1", "title":"gameon"}, 
     {"id":"2", "title":"hardlife"},
     {"id":"3", "title":"lotsofbugs"}
];

response.forEach(function(obj) {   
   var id = obj.id;
   var title = obj.title;
   // Do things with the data here 
});

Answer 2

如果您正在处理 json 数据，则您正在处理一个 javascript 对象。如果可以的话，你真的应该只使用 $.parseJSON() ，但如果不能，你应该能够通过使用 myObj.id 和 myObj.title. 或者可能是 myObj[0].id ， @987654328 来访问对象@etc...（如果您需要更深入，请尝试 javascript 对象引用）

刚刚为您获取了一些更新的代码和JSFIDDLE...这是一些用于测试和演示 stringify 和 parseJSON 函数的代码，因此您可以使用它。如您所见，它正在获取正确的数据并发出警报。 :)

(function($){ 
    $(function(){  //document.ready

    var myResponseData = [
        {"id":"1", "title":"gameon"}, 
        {"id":"2", "title":"hardlife"},
        {"id":"3", "title":"lotsofbugs"}
     ];
        myResponseData = JSON.stringify(myResponseData);
        console.dir(myResponseData);
        var myObj = $.parseJSON(myResponseData);
        console.dir(myObj);
        alert(myObj[0].title);    
    });     
})(jQuery);

正如另一个答案所暗示的，您可以使用 for each 循环来迭代内容。我会定义console.dir() 的响应，并确保在扯掉头发之前正确地取回数据。 :) 使用 chrome 开发工具，您可以通过将此行放入代码中来查看响应的内容...

console.dir(myResponseData);

您还可以通过单击 chrome 开发工具中的“网络”，然后单击 ajax 脚本的文件名来查看来回数据。它应该默认为“响应”，但如果不是，请单击它。

如果您有任何问题，请告诉我。