javascript - XMLHttpRequest - flickr - 跨源 header

Question

只是尝试了一下 Flickr API，似乎无法成功地从中获取任何东西。

我尝试使用下面的 Jquery 代码

var flickrURL = "https://api.flickr.com/services/feeds/photos_public.gne?format=jsoncallback=?";
var flickrOptions = {
    tags: "cats",
    format: "json"
}
var ajaxCallback = function(data){
    console.log(data);
};
$.getJSON(flickrURL, flickrOptions, ajaxCallback);

我也尝试过旧的 Vanilla 路线

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.flickr.com/services/feeds/photos_public.gne?format=jsoncallback=?");
xhr.onreadystatechange = function(data){
    console.log(data);
}
xhr.send();

我已成功使用 AJAX/XMLrequest，但未使用 API。当 Vanilla 失败时，我得到“没有‘Access-Control-Allow-Origin’ header ”，我不明白，因为它意味着是一个开放的提要，而使用 Jquery 我得到“jsonFlickrFeed 未定义” 。这两点我都觉得很令人费解

Answer 1

Sumeets 的答案是正确的，但我只是想在其后面发布我的普通解决方案。

var script = document.createElement('script');
script.src = "https://api.flickr.com/services/feeds/photos_public.gne?format=json";
document.getElementsByTagName('head')[0].appendChild(script);
var jsonFlickrFeed = function(data){
    console.log(data);
}