Анализ ответа 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

As Рори сказал в комментариях, никакой запрос 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>"); 
     }); 
    }); 
});