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

必要に応じて、この単純な Javascript Dribbble API ライブラリを使用できます: Dribbble.js

ここで例を見ることができます: Dribbble API の例

その単純な使用方法:

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

ありがとう、頑張って！

Answer 3

これを試して：

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