javascript - Javascript：使用 dribbble api 的禁止错误

Question

不知道发生了什么，试图拉一个简单的图像

HTML

 <div></div>

JS

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

在控制台中，它会拉出链接查找，但是当我尝试在页面上显示图像时，它给了我一个 403。不确定我缺少什么。

Answer 1

你错过了单引号。

$('div').append('<img src="' + data.shots[0].image_url + '" />');

Answer 2

试试这个：

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

Answer 3

如果你愿意，你可以使用这个简单的 Javascript Dribbble API 库：Dribbble.js

您可以在此处查看示例：Dribbble API 示例

它的简单你使用：

// get the most popular shots 
Dribbble.list( 'popular', function( response ){ 
   // write your code here 
});

谢谢，祝你好运！