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

发布于 2024-10-02 09:12:28 字数 353 浏览 4 评论 0 原文

我的代码如下：

$.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 to load resources

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

原文

My code is below:

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

You can try this code here: http://jsbin.com/ofaru3/edit

The ajax is error

imagesFailed to load resource

How cna I fix this problem? Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月下伊人醉 2024-10-09 09:12:28

您需要在 URL 上添加 &callback=? 来触发 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。请参阅 $.ajax()< 中对 jsonp 数据类型的讨论/code> 了解更多详细信息。

You need &callback=? on the URL there to trigger JSONP, like this:

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

You can test it out here. Without the &callback? it's trying to fetch the data from a remote domain with an XmlHttpRequest (AJAX) and failing/being blocked due to the same origin policy. This is exactly the type of situation JSONP is for.

From the $.getJSON() docs:

JSONP
If the URL includes the string "callback=?" (or similar, as defined by the server-side API), the request is treated as JSONP instead. See the discussion of the jsonp data type in $.ajax() for more details.