Jsonp跨域的原理以及Jquery的解决方案_jquery

 如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。
个人理解：
就是在客户端动态注册一个函数function a(data)，然后将函数名传到服务器，服务器返回一个a({/*json*/})到客户端运行,这样就调用客户端的function a(data),从而实现了跨域.
代码如下:






function jsonpCallback(result)
{
$.each(result.items, function(i,item){
$("").attr("src", item.media.m).appendTo("body");
if ( i == 3 ) return false;
});
}







jQuery的解决方案：
代码如下:






$(function() {
$.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) {
$("").attr("src", item.media.m).appendTo("body");
if (i == 3) return false;
});
});
});





jquery 的jsoncallback是动态生成的，真正请求服务器的地址：http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=jsonp1274058545738