javascript - 如何获得Dribbble热门帖子的提要？

我试图在网站上发布Dribbble供稿，其中包含最新的热门帖子。我不确定是否应该通过以下方式注册应用程序：https://dribbble.com/account/applications/new还是可以仅使用JSON或AJAX提取Dribbble上发布的最新照片？

我已经尝试过了，但是没有成功。我收到错误：

错误：

GET https://api.dribbble.com/shots/popular?callback=jQuery111104258300690995278_1471442725999&_=1471442726000 404 (Not Found)

JS：

$.getJSON("http://api.dribbble.com/shots/popular?callback=?", function(data) {
    console.log(data);
    $('.dribbble-feed').append('<img src="' + data.shots[0].image_url + '" />');
});

演示：http://codepen.io/anon/pen/YWgLaR?editors=1111

如果还有任何疑问，请告诉我。先感谢您。

更新

遵循Karol Klepacki的答复后，将数据记录到控制台时，我收到以下消息：



更新的JS：

$.getJSON("https://api.dribbble.com/v1/shots/popular?callback=?", function(data) {
    console.log(data);
    $('.dribbble-feed').append('<img src="' + data.shots[0].image_url + '" />');
});

最佳答案

运球api的正确地址为https://api.dribbble.com/v1/shots。

现在，您必须进行身份验证。您必须register application，并且您可能会获得一些令牌，必须附加到您的请求中（方法2 from here对您来说应该更容易一些。然后，您将拥有类似https://api.dribbble.com/v1/shots/?access_token=TOKEN的请求

$(document).ready(function() {

  $.getJSON("https://api.dribbble.com/v1/shots/?access_token=TOKEN", function(data) {
    data.forEach(function(e){
      $('.dribbble-feed').append('<img src="' + e.images.normal + '" />');
    })
  });
});