Instagram的API SyntaxError：意外的輸入結束

Question

我有一個網站，需要從Instagram加載一些圖像。我使用Fetch向Instagram的API發送請求。請求成功，但處理請求時出現此錯誤，error SyntaxError: Unexpected end of input。

請求以200和有效的JSON返回。看起來，一旦Fetch響應完成，響應爲空，從而導致SyntaxError。

http://jsbin.com/kohito/edit?html,js,console

我刪除了我的訪問令牌從例子。

Answer 1

您需要用jsonp去使用Client-Side (Implicit) Authentication方法來使用Instagram API。您可以攜帶fetch-jsonp來提出「類似取回」的請求。

<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>