私はInstagram apiを呼び出して、最新の人気画像を表示しようとしています。まず、api urlを指定してjQuery ajax関数を呼び出します。ブラウザのURLをキー入力すると、いくつかのXMLファイル。 だから私はそれが正しいURL、 だと仮定しますが、私のHTMLファイルでは動作しません。 誰もが何を間違って知っていますか?jsoneryからapi jquery何も表示されない
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function(){
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: "https://api.instagram.com/v1/media/popular?client_id=84abd0d71cb14ad9885cf1dc59594144",
success: function(data) {
for (var i = 0; i < 10; i++) {
$("#pics").append("<a target='_blank' href='" + data.data[i].link +
"'><img src='" + data.data[i].images.low_resolution.url +"'></img></a>");
}
});
})
</script>
</head>
<body>
<div id="pics">
</div>
</body>
</html>
あなたの回答は、instagram API内のまばらなドキュメントJSONP(https://www.instagram.com/developer/endpoints/)の問題を解決するのに役立ちました。新しいバージョンのURLをhttps:// apiに置き換えました。 instagram.com/v1/tags/nofilter/media/recent?access_token = ACCESS_TOKEN'が動作します。ちょうどあなたのポストを更新するような気がするかもしれません(また、jsfiddleはAPI要求を行う方法がInstagramによって変更されているため動作しません)。 –