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

我的代码如下：

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

您可以在此处尝试此代码：

ajax是一个错误

Images无法加载资源

---

我如何解决这个问题？谢谢

您需要在URL上设置

&callback=？

来触发JSONP，如下所示：

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

。如果没有

&回调？

，它将尝试使用XmlHttpRequest（AJAX）从远程域获取数据，但由于错误而失败/被阻止。这正是我们要面对的情况

从文档中：

JSONP
如果URL包含字符串“callback=？”（或类似的字符串，由服务器端API定义），则请求将被视为JSONP。有关更多详细信息，请参阅中关于

jsonp

数据类型的讨论

---

谷歌图像搜索API文档：