Access-Control-Allow-Headers不允许请求头字段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/>");
        });
    }
});