为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery中的$.getJSON的callback=?有什么用?

/ 猿问

jQuery中的$.getJSON的callback=?有什么用?

莫回无 2019-02-05 14:06:34

从 Flickr JSONP API 载入 4 张最新的关于猫的图片:
HTML 代码:
<div id="images"></div>

jQuery 代码:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?
tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

$.getJSON的callback=?有什么用
教程上的解释是:
在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执行前执行。

可是没看懂啊, 能否举例说明一下, 非常感谢

查看完整描述

2 回答

?
潇潇雨雨

回调函数的作用就是在Ajax成功执行之后可以执行一个函数,获取服务器传递过来的数据,实现前后台的交互。这里的回调函数就是后面的function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
}
这就类似与jdbc里的占位符’?‘一样,会自动替换执行的

查看完整回答
反对 回复 2019-03-16
?
郎朗坤

jsonp的出现是因为浏览器有个同源策略,对js来说,它在执行时不能请求不同源的资源。什么是源呢,这里是指协议名(如http://)+主机名(api.flickr.com)+端口号(:80,http协议默认端口号是80,可省略),这三个组合在一起就是一个源,同源的话是指这3个必须和发起请求的网页的源必须一样。
因为js是不能请求不同源的资源,所以如果你的脚本不在这个源(http://api.flickr.com)的网页上,是没法请求的它的图片的。
但为什么jsonp可以?那是因为同源策略有个例外,如果网页上通过<script src="不同源的地址"></script>,<img>以及<link>这样的标签来引用不同源的资源是可以的。
结合这个例外,一些(个)聪明的人就想到一个办法,如果请求资源时,异源服务器能返回这样的脚本,请求异源资源的问题就得到解决:fnName({theDataUWanted});因为这样,浏览器得到这个脚本后会立即执行它,而这个函数实际上就是包含了你定义的回调函数的函数,而这个fnName就是jsoncallback参数的值,也就是jQuery自动替换的名字。

这个异源请求的完成,要求异源服务器也必须配合你的脚本才行,如果它不支持jsonp,那即使用jsonp也无法请求异源的资源。



查看完整回答
反对 回复 2019-03-16
  • 2 回答
  • 0 关注
  • 180 浏览
我要回答

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信