JSON、AJAX、JQueryを使用してGuardian APIを取得して表示する

Question

ガーディアンのニュースタイトルをAPIで取得しようとしています。前述のとおり、JSON、AJAX、Jqueryを使用しています。私のJqueryコードは以下の通りです。

$(document).ready(function() { 
$.ajax({ 
    type: "GET", 
    dataType: "jsonp", 
    cache: false, 
    url: "https://content.guardianapis.com/search?api-key=xxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx", 
    success: function(data) { 
     for (var i = 0; i < data.response.results.length; i++) 
     { 
     $('#head-article').append("<h1>" + data.response.results[i].webTitle + "</h1>"); 
     } 
     console.log(data); 
     } 
    }); 
}); 

どこが間違っていますか？事前に感謝します

Answer 1

初心者の方は、パブリックフォーラムでAPIキーを共有しました。それはおそらくノー・ノーです。

これをちょうどjsFiddleでテストしたところ、問題は発生しません。このコードでは10個の結果が返されます。 HTML要素head-articleのIDを確認する必要があり、ブラウザデバッガコンソールでどのような結果が得られているかを確認する必要があります。