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

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

Пытался взломать вместе .getJSON() Пример Flickr из JQuery Docs уже давно, и я никуда не денусь.

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

$.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, но не знаю, как это сделать. Может ли кто-нибудь указать мне правильное направление?

Источник

2 ответа

Решение

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

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

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

$.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

Источник

Для потерявшихся здесь интернет-друзей:

Источник
Другие вопросы по тегам