Javascript 获取我的追随者列表,然后使用Instagram API

Javascript 获取我的追随者列表,然后使用Instagram API,javascript,instagram,instagram-api,Javascript,Instagram,Instagram Api,我正在尝试使用Instagram API获取我的所有追随者以及我在Instagram上关注的所有人的列表。我认为每当我试图获得我的追随者时,我的响应都返回null 这是我得到的错误: 无法读取未定义的属性“length” 这是关于response.data.length的 以下是我的app.js: window.Instagram = { /** * Store application settings */ config: {}, BASE_UR

我正在尝试使用Instagram API获取我的所有追随者以及我在Instagram上关注的所有人的列表。我认为每当我试图获得我的追随者时,我的响应都返回null

这是我得到的错误:

无法读取未定义的属性“length”

这是关于response.data.length的

以下是我的app.js:

window.Instagram = {

    /**
     * Store application settings
     */
    config: {},

    BASE_URL: 'https://api.instagram.com/v1',

    init: function(opt) {
        opt = opt || {};

        this.config.client_id = opt.client_id;
    },

    /**
     * Get a list of popular media
     */
    popular: function(callback) {
        var endpoint = this.BASE_URL + '/media/popular?client_id=' + this.config.client_id;
        this.getJSON(endpoint, callback);
    },

    /**
     * Get a list of recently tagged media
     */
    tagsByName: function(name, callback) {
        var endpoint = this.BASE_URL + '/tags/' + name + '/media/recent?client_id=' + this.config.client_id;
        this.getJSON(endpoint, callback);
    },

    followers: function(callback) {
        var endpoint = this.BASE_URL + '/users/self/follows?access_token=' + this.config.access_token;
        this.getJSON(endpoint, callback);
    },

    getJSON: function(url, callback) {
        $.ajax({
            type: 'GET',
            url: url,
            dataType: 'jsonp',
            success: function(response) {
                if (typeof callback === 'function') callback(response);
            }
        });
    }
}

Instagram.init({

        client_id: 'CENSORED',
    access_token: 'CENSORED'

});

$(document).ready(function() {

    Instagram.followers(function(response) {
        var $instagram = $('#instagram');
        $instagram.append('<textarea cols="1" rows="' + response.data.length + '">')
        for (var i = 0; i < response.data.length; i++) {
            var name = response.data[i].username;
            $instagram.append(name + '&#13;&#10;');
        }
        $instagram.append('</textarea>');
    });

});
window.Instagram={
/**
*存储应用程序设置
*/
配置:{},
基本URL:'https://api.instagram.com/v1',
初始化:函数(opt){
opt=opt |{};
this.config.client_id=opt.client_id;
},
/**
*获取流行媒体列表
*/
常用:函数(回调){
var endpoint=this.BASE_URL+'/media/popular?client_id='+this.config.client_id;
getJSON(端点,回调);
},
/**
*获取最近标记的媒体的列表
*/
tagsByName:函数(名称,回调){
var endpoint=this.BASE_URL+'/tags/'+name+'/media/recent?client_id='+this.config.client_id;
getJSON(端点,回调);
},
追随者:函数(回调){
var endpoint=this.BASE_URL+'/users/self/follows?access_token='+this.config.access_token;
getJSON(端点,回调);
},
getJSON:函数(url,回调){
$.ajax({
键入:“GET”,
url:url,
数据类型:“jsonp”,
成功:功能(响应){
if(typeof callback==“function”)回调(response);
}
});
}
}
Instagram.init({
客户端id:“已审查”,
访问令牌:“已审查”
});
$(文档).ready(函数(){
Instagram.followers(功能(响应){
var$instagram=$(“#instagram”);
$instagram.append(“”)
对于(var i=0;i
您是否处于沙箱模式?如果是这样,则预期会得到空响应,请阅读有关沙盒模式的文档:


(我还注意到您有
'/media/popular?client_id='
的代码,流行的API在2016年6月1日被弃用,因此您可能正在使用一些旧的Instagram库代码。-您需要阅读更新的文档并重新实现所有内容)

您知道请求的状态吗?您应该能够在开发者控制台的网络选项卡中看到这一点。状态代码200。我很确定这是个好迹象??我处于沙箱模式,是的。我不确定如何退出沙盒模式。流行的代码确实不推荐使用,但我主要关心的是获取我的追随者和使用此API跟踪的用户的列表。顺便说一下,非常感谢您的回复!你必须完成你的应用程序,由Instagram审查,如果他们批准,那么你将进入实时模式,直到那时你只能通过API访问你和你的沙盒用户,读docsDamn,这是一个糟糕的问题。无论如何,非常感谢您的回复!