正在解析 GitHub API 响应

Question

我想从我的 GitHub 帐户获取存储库列表，我正在使用的 URL 是 https://api.github.com/users/rakeshdas1/repos。我想使用 jQuery 解析它并输出到 HTML 页面。我用来实现此目的的代码是：

$(document).ready(function(){
    var json = "https://api.github.com/users/rakeshdas1/repos";
    $.each(JSON.parse(json), function(idx, obj) {
        $("#repos").append("<p>"+obj.name+"</p>");
    });
});

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

JSON文件的第一个字符是'['不知道为什么jQuery解析不了

Answer 1

正如 Rory 在评论中所说，没有 AJAX 提出请求。您正在尝试将字符串 "https://api.github.com/users/rakeshdas1/repos" 解析为 JSON.

您可能正在寻找对 $.get 的调用，以实际下载 API 调用的结果，然后在函数内部对其进行解析。

由于网络限制，以下代码对我来说失败了，但它应该会给你正确的想法。它甚至可能对您有用。

$(document).ready(function () {
    var api = "https://api.github.com/users/rakeshdas1/repos";
    $.get(api, function (data) {
        $.each(data, function (idx, obj) {
            $("#repos").append("<p>" + obj.name + "</p>");
        });
    });
});

正在解析 GitHub API 响应

Parsing GitHub API response

javascript

jquery

html

json

github-api