我有一个网站需要从Instagram加载一些图片。我正在使用Fetch向Instagram的API发出请求。请求成功,但在处理请求时遇到此错误error SyntaxError: Unexpected end of input
。
请求以200和有效JSON的形式返回。似乎一旦Fetch响应完成,响应就为空,从而导致SyntaxError。
http://jsbin.com/kohito/edit?html,js,console
我从示例中删除了访问令牌。
答案 0 :(得分:0)
您需要使用jsonp与Client-Side (Implicit) Authentication方法一起使用Instagram API。您可以引入fetch-jsonp来制作类似" fetch-like"请求。
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch-jsonp/1.1.0/fetch-jsonp.min.js"></script>
<script>
fetchJsonp('https://api.instagram.com/v1/users/self/media/recent/?' + window.location.hash.split('#')[1], {
method: 'GET',
}).then(response => {
response.json().then((json) => {
console.log(json);
});
});
</script>