1

次のコードを使用して ---

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

$(function() {

$.ajax({
    type: "GET",
    dataType: "jsonp",
    cache: false,
    url: "https://api.instagram.com/v1/media/131324529876654234_1491525?client_id=afd15cca7d664a1c964d54bac0488b93",
    success: function(data) {
        for (var i = 0; i < 1; i++) {
            $("#pics").append("<img src='" + data.data[i].images.thumbnail.url + "'></img>");
        }
    }
});
});

    </script>
</head>
<body>
    <div id="pics"></div>
</body>

APIで渡すIDに基づいて画像を表示したい。何らかの理由で機能しません。誰かが私が間違っていることを教えてくれますか?

ありがとう

4

3 に答える 3

3 
data.data.images.thumbnail.url

アクセスしているJSONのどこにも配列がないようです。

ポイントを説明するために、JSON の単純化されたバージョンを次に示します。

{
    ...
    "data": {
        ...
        "images": {
            "low_resolution": {
                "url":"http:\/\/distilleryimage6.s3.amazonaws.com\/e41665005cf611e19896123138142014_6.jpg",
                "width":306,
                "height":306
            },
            "thumbnail": {
                "url":"http:\/\/distilleryimage6.s3.amazonaws.com\/e41665005cf611e19896123138142014_5.jpg",
                "width":150,
                "height":150
            },
            "standard_resolution": {
                "url":"http:\/\/distilleryimage6.s3.amazonaws.com\/e41665005cf611e19896123138142014_7.jpg",
                "width":612,
                "height":612
            }
        },
        ...
    }
}

ここにデモがあります: http://jsfiddle.net/8Reu2/

于 2012-04-23T20:04:25.927 に答える
0

使用しているURLは、特定のメディア要素（ 1枚の写真）を戻すためのものです。

だからあなたはそれにアクセスする必要がありますdata.data.images.thumbnail.url


https://api.instagram.com/v1/media/popular?client_id=afd15cca7d664a1c964d54bac0488b93
そのユーザーの人気のあるメディアを取得するために使用でき、data.data実際には配列です。

ドキュメントをご覧ください

于 2012-04-23T20:13:45.403 に答える
0

データは配列ではなく、データを参照する必要はありません[i]データのみ http://jsbin.com/oxetok/edit#javascript,html,live

于 2012-04-23T20:14:34.770 に答える