Подтвердить что ты не робот

Как извлечь данные URL из Reddit API с помощью JSON

Я пытаюсь извлечь URL-адреса изображения из корма subreddit и визуализировать элементы <img> на моей странице.

Я пытаюсь взломать .getJSON() пример Flickr из документов jQuery некоторое время, и я никуда не денусь.

Код в вопросе:

$.getJSON('http://www.reddit.com/r/pics.json', function (data) {
  $.each(data.children, function (i, item) {
    $('<img/>').attr("src", url).appendTo("#images");
  });
});

В теле есть элемент: div#images

Я понимаю, что мне нужно использовать JSONP, но не знаю, как это сделать. Может ли кто-нибудь указать мне в правильном направлении?

4b9b3361

Ответ 1

Вы используете неправильный URL. Используйте это:

$.getJSON("http://www.reddit.com/r/pics/.json?jsonp=?", function(data) { 
    // Do whatever you want with it.. 
});

РЕДАКТИРОВАТЬ: Рабочий пример, основанный на fiddle в комментариях.

$.getJSON("http://www.reddit.com/r/pics/.json?jsonp=?", function(data) { 
    $.each(data.data.children, function(i,item){
        $("<img/>").attr("src", item.data.url).appendTo("#images");
    });
});

Вы должны использовать data.data.children, а не data.children