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

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

14 голосов
/ 19 ноября 2011

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

1 Ответ

22 голосов
/ 19 ноября 2011

Вы используете неправильный 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

...