Access-Control-Allow-Origin 与 Instagram api

Question

我正在尝试使用以下代码获取我的 Instagram 提要

$.ajax({
      url: 'https://api.instagram.com/v1/users/xxxxxxx/media/recent/?access_token=xxxxxxxxxxx',

      error: function() {
        alert('error');
      },

      success: function(data) {
       alert('yes');
      },
      type: 'GET'
   });

我得到的错误是

请求的资源上没有 'Access-Control-Allow-Origin' header。

有解决办法吗？

Answer 1

Instagram API 支持 JSONP，因此将 &callback=? 添加到 url 并将 dataType: "jsonp" 添加到 $.ajax() 调用，如下所示:

$.ajax({
      url: 'https://api.instagram.com/v1/users/xxxxxxx/media/recent/?access_token=xxxxxxxxxxx&callback=?',

      error: function() {
        alert('error');
      },

      success: function(data) {
       alert('yes');
      },
      type: 'GET',
      dataType: "jsonp"
   });