jquery的$.getJson 方法是支持跨域的
页面请求:
$.getJSON(url+'?callback=?',{operate:'add'}, function (res){ } });
其实就是$.ajax的又一个封装
$.ajax({ type:'get', url:url, data:{}, dataType:'jsonp', callback:'json_callback', success:function(res){} })
服务器php:
$callback=$_GET['callback']; 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