jquery ajax跨域 jsonp

jQuery的$.getJson 方法是支持跨域的

页面请求：

[html]  view plain  copy

1. $.getJSON(url+'?callback=?',{operate:'add'}, function (res){ }  
2.                         });  

其实就是$.ajax的又一个封装

[html]  view plain  copy

1. $.ajax({  
2. type:'get',  
3. url:url,  
4. data:{},  
5. dataType:'jsonp',  
6. callback:'json_callback',  
7. success:function(res){}  
8.  })  

服务器php：

[php]  view plain  copy

1. $callback=$_GET['callback'];  
2.   
3. print_r("$callback({key:\"value\"});");  

原理：

需要传一个callback的回调函数名到服务器端，服务器端拿到这个回调函数名，再将返回数据用参数的形式反回到客户端，这样客户端就能够调到。

callback=？就是不指定回调函数名，jquery会自动生成一个，类似这样：jsonp12148037045654，用firebug可以查看。

服务器端拿到这个callback，的返回格式就是 jsonp12148037045654({operate:'add'}); 像不像一个函数的定义。

使用$.ajax，指定callback参数，就相当于自定义了这个callback为“json_callback”，不需要jquery自动生成。

ajax 跨域请求是不支持post的，切记。

jquery官网：

http://api.jquery.com/jQuery.getJSON/#urldatacallback