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

Question

我正在尝试从 subreddit 提要中提取图像帖子 URL，并呈现 <img>我页面上的元素。

一直在尝试破解 .getJSON() Flickr example从 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，但不确定如何使用。有人能指出我正确的方向吗？

Answer 1

您使用了错误的网址。使用这个:

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