jquery之jsonp跨域

     jsonp的出现是为了弥补json的一个缺陷，不能跨域。通过jsonp我们就能在不同的域之间传送json格式的数据。以jQuery为例，使用$.getJSON或$.ajax来跨域获取并触发回调函数。

    1 $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat>amp;tagmode=any>amp;format=json>amp;jsoncallback=?", function(data){ 2 $.each(data.items, function(i,item){ 3 $("<img/>").attr("src", item.media.m).appendTo("#images") 4 .wrap("<a href="" + item.link + "" mce_href="" + item.link + ""></a>"); 5 if ( i == 3 ) return false; 6 }); 7 });

其实就是比正常的获取json多了一个参数”jsoncallback=?”，这个参数是在服务端指定的，以PHP为例

$data = '{"name" : "hello world"}'; 2 echo $_GET['jsoncallback'] . '(' . $data . ');';

如果指定了jsoncallback=render，那么服务端的输出大概会是这样

1 //括号里的参数就是返回的json数据，jQuery里用?就是指获得数据后去触发回调函数 2 render({title:'test',content:'cnt',...});

jsonp只是个理念，需要在服务端指定参数名称(如jsoncallback)，然后客户端才能通过传递这个参数来实现获取数据，并执行方法。