のXMLHttpRequest - Flickrの - クロスオリジン・ヘッダ

Question

だけでFlickrのAPIとの遊びを有し、かつ首尾それから何かを爪することができないように見えます。

は、私はまた、私はなく、APIを使用してAJAXは/ XMLrequest成功し使用していた古いバニラルート

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(); 

を試してみました

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

下にjQueryのコードを使用してみました。バニラは、私はオープン飼料であることを意味していますので、私は理解していない「いいえ 『をアクセス制御 - 許可 - 起源』ヘッダ」を取得していますし、jQueryを使って私は「jsonFlickrFeedが定義されていない」取得しています失敗した場合。あなただけの小さな変更を行う必要があり、両方の私は非常に不可解な

Answer 1

を見つけたの

var flickrURL = 

"https://api.flickr.com/services/feeds/photos_public.gne?format=jsoncallback=?"; 

var flickrOptions = { 
    tags: "cats", 
    format: "json" 
} 

var jsonFlickrFeed = function(data){ 
    console.log(data); 
}; 

$.getJSON(flickrURL, flickrOptions); 

Flickrの応答は、あなたのケースで定義されていませんでしたjsonFlickrFeed機能を探します。

https://codepen.io/smtgohil/pen/ZXeYqB?editors=0010

あなたは、出力のためのコンソールを確認することができます。

Answer 2

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); 
}