私は新しいプログラマであり、一般的には.js
の新機能です。 私の現在の問題は、私は(つまり、Firefoxののコンソール上の)ローカルにこのスクリプトInstagram.popular(function(r){ console.log(r)})
を実行したときに、私は私がGitHubに、他の場所で読んで、それが何かをInstagramのは、いくつかのAPIのポリシーを変更してください持っている次のエラーにThe access_token provided is invalid
Instagram API提供されているaccess_tokenが無効です
を得るということです説明したようにhere。 Instagramの変更ログはhereです。
誰かが正しい方向で私を指すことができるなら、私は非常に感謝します。
私の完全な.js
コードを見ることができます。
CODE
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);
},
getJSON: function(url, callback) {
$.ajax({
type: 'GET',
url: url,
dataType: 'jsonp',
success: function(response) {
if (typeof callback === 'function') callback(response);
}
});
}
};
Instagram.init({
client_id: '97bf259cc45f4dd6a2cd02b694b7ffe7'
});
$(document).ready(function() {
Instagram.popular(function(response) {
var $instagram = $('#instagram');
for (var i = 0; i < response.data.length; i++) {
imageUrl = response.data[i].images.low_resolution.url;
$instagram.append('<img src="' + imageUrl + '" />');
}
});
$('#form').on('submit', function(e) {
e.preventDefault();
var tagName = $('#search').val();
Instagram.tagsByName(tagName, function(response) {
var $instagram = $('#instagram');
$instagram.html('');
for (var i = 0; i < response.data.length; i++) {
imageUrl = response.data[i].images.low_resolution.url;
$instagram.append('<img src="' + imageUrl + '" />');
}
});
});
});