XMLHttpRequest的 - Flickr的 - 跨起源头

问题描述:

只是有与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” 。其中的两个,我觉得很不解

你只需做细微的变化

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 –

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