Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery instagram_Javascript_Jquery_Image_Api_Instagram - Fatal编程技术网

Javascript jquery instagram

Javascript jquery instagram,javascript,jquery,image,api,instagram,Javascript,Jquery,Image,Api,Instagram,使用以下代码--- $(函数(){ $.ajax({ 键入:“获取”, 数据类型:“jsonp”, cache:false, url:“https://api.instagram.com/v1/media/131324529876654234_1491525?client_id=afd15cca7d664a1c964d54bac0488b93", 成功:功能(数据){ 对于(变量i=0;i

使用以下代码---


$(函数(){
$.ajax({
键入:“获取”,
数据类型:“jsonp”,
cache:false,
url:“https://api.instagram.com/v1/media/131324529876654234_1491525?client_id=afd15cca7d664a1c964d54bac0488b93",
成功:功能(数据){
对于(变量i=0;i<1;i++){
$(“#图片”)。附加(“”);
}
}
});
});

我想根据我在api中传递的id获得一个显示的图像。由于某种原因,它不起作用。谁能告诉我我做错了什么

谢谢

您正在访问的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
            }
        },
        ...
    }
}

这里有一个演示:

您使用的url是用来带回一个特定的媒体元素(一张照片)

因此,您需要使用
data.data.images.缩略图.url来访问它

您可以使用
https://api.instagram.com/v1/media/popular?client_id=afd15cca7d664a1c964d54bac0488b93

检索该用户的流行媒体,然后检索
数据。数据实际上是一个数组

请看一下

数据不是数组 无需参考数据[i]仅参考数据

谢谢,这很有效。。。你能告诉我你是如何得到简化版的JSON的吗?有没有这样的工具?我读了很多JSON。所以我只是复制了它,用手把我不想要的东西都拿走了。您可以使用“美化剂”使其更具可读性:
data.data.images.thumbnail.url
{
    ...
    "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
            }
        },
        ...
    }
}