请求标头字段X-Requested-With不允许通过访问控制允许标题

Question

我试图使用flickr api获取拉和显示一些照片。这是我正在使用的代码。

$(document).ready(function(){ 
    $.getJSON(" https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=4323f337ae15b2555681e8c9c5b111e1e&lon=-87.6321&per_page=3&page=1&format=json&nojsoncallback=1", displayImages); 
    function displayImages(data) { 
     $.each(data.photos.photo, function(i,item){ 
      var photoID = item.id; 
      $('#photos').append(photoID); 
      var htmlString = '<img src="' + photoURL + '">';    
      $('#photos').append(htmlString); 
      $('#photos').append("<br/><hr/><br/>"); 
     }); 
    } 
}); 

有人能告诉我这个问题的解决方法，以及我放在哪里？

Answer 1

尝试使用CORS与jsonp代替：

$.ajax({ 
    url: "https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=4323f337ae15b2555681e8c9c5b111e1e&lon=-87.6321&per_page=3&page=1&format=json&nojsoncallback=1", 
    type: "GET", 
    dataType: 'jsonp', 
    success: function (data) { 
     $.each(data.photos.photo, function (i, item) { 
      var photoID = item.id; 
      $('#photos').append(photoID); 
      var htmlString = '<img src="' + photoURL + '">'; 
      $('#photos').append(htmlString); 
      $('#photos').append("<br/><hr/><br/>"); 
     }); 
    } 
});