如何使用JSON从Reddit API中提取url数据

Question

我正在尝试从subreddit Feed中提取图像发布URL,并<img>在页面上呈现元素.

一直在尝试将jQuery Docs中的.getJSON() Flickr示例破解为一段时间,而我却无处可去.

有问题的代码:

$.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,但不知道如何使用.有人能指出我正确的方向吗？

Answer 1

您使用的是错误的网址.用这个:

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