Question

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

从 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 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执行前执行。

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

Answer 1

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也无法请求异源的资源。

追问

兄弟你的技术一定很好, 不过你说的太专业了.
callback=?这个其实没什么用, 就是代表求资源后会执行后面的function(data)对不对

追答

你就按照你所想的理解吧，写的代码多了会有更好的理解。我技术其实算不上很好，过奖了

Answer 2

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