2017-09-26 69 views
0

只是有與Flickr的API戲,似乎無法成功爪東西出來。XMLHttpRequest的 - Flickr的 - 跨起源頭

我試着用下面

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代碼我也試過老香草路線

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。在當香草失敗,我得到「不‘訪問控制允許來源’標頭」我不理解,因爲它的意思是一個開放的飼料,並與jQuery的我得到「沒有定義jsonFlickrFeed」 。其中的兩個,我覺得很不解

回答

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

您可以檢查控制檯輸出。

+0

感謝的人,我也發現了你的意見,即香草方法只涉及加載腳本到頁面中,並允許它來調用jsonFlickrFeed正如你所提到 –

+0

燁背面.. .happy編碼..: d –

0

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