无法使用jQuery getJSON从其API加载Google图片

Question

我的代码如下:

$.getJSON('https://ajax.googleapis.com/ajax/services/search/images?q=Google&v=1.0', 
function(json) {
  alert(json);
})?

您可以在此处尝试此代码:http://jsbin.com/ofaru3/edit

ajax是错误的

imagesFailed加载资源

我怎么解决这个问题？谢谢!

Answer 1

您需要&callback=?在URL上触发JSONP,如下所示:

$.getJSON('https://ajax.googleapis.com/ajax/services/search/images?q=Google&v=1.0&callback=?', 
function(json) {
  alert(json);
});

你可以在这里测试一下.没有&callback?它尝试使用XmlHttpRequest(AJAX)从远程域获取数据,并且由于相同的源策略而导致失败/被阻止.这正是JSONP的用途.

来自$.getJSON()文档:

JSONP
如果URL包含字符串"callback =？" (或类似的,由服务器端API定义),请求被视为JSONP.有关更多详细信息,请参阅jsonp数据类型的讨论$.ajax().