在网站开发中跨域是一个头痛的事情,我经常要需要解决各种跨域问题,今天我来介绍在php中利用JSONP跨域实现方法,各位J友可参考参考,先看一个实例,代码如下:

1. $("#btn").click(function(k) {  
2.     //...  
3.     var j = form.serializeArray();//序列化name/value  
4.     $.ajax({  
5.         url: "另一个域名/test.php",  
6.         dataType: 'jsonp',  
7.         data: j,  
8.         jsonp: 'jsonp_callback',  
9.         success: function(json) { //返回的json数据  
10.            json = json || {};  
11.             if (json.msg=='err'){  
12.                 alert(json.info);  
13.             }else if (json.msg=="ok"){  
14.                 alert('提交成功');  
15.             }else{  
16.                 alert('提交失败');  
17.             }  
18.         },  
19.         timeout: 3000  
20.     })  
21.     //...  
22. }); 

php部分代码如下:

1. $jsonp_callback=$_GET['jsonp_callback'];  
2. //...  
3. //如果正确  
4. echo $jsonp_callback,'({"msg":"ok"})';  
5. //如果错误  
6. echo $jsonp_callback,'({"msg":"err","info":"因人品问题，发送失败"})';  
7. //...值得注意的是采用jsonp 方式,beforeSend / error 都不能用了，所以beforeSend里面用js实现的验证只能用ajax在服务器端test.php上面验证了。 

域名下面有这么个html文件testjsonp.html,代码如下:

1. //W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> 
2.  //www.w3.org/1999/xhtml“ > 
3.   
4.       
5.        
6.        
7.      jQuery(document).ready(function(){  
8.         $.ajax({ 
9.              type: “GET“, 
10.              async: false, 
11.              //url: “http://test/jsonp.php“, 
12.              url:“http://mytaobao.com/jsonp.php“, 
13.              dataType: “jsonp“, 
14.              jsonp: “callback“,//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback) 
15.              jsonpCallback:“flightHandler“,//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写“?“，jQuery会自动为你处理数据 
16.              success: function(json){ 
17.                  alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。回调函数名为: '+json.func); 
18.              }, 
19.              error: function(){ 
20.                  alert(“fail“); 
21.              } 
22.          }); 
23.      }); 
24.       
25.       
26.    
27.    
28.   

注意,要真正运行上面的代码可能需要jquery的文件,你可以将如下代码:

改为你目录中jquery的文件路径,代码如下:

然后,你可以再找个另外一个域名的web目录,将文件jsonp.php:如下代码:

2. $callback = $_GET[“callback“]; 
3. $a = array( 
4.  'code'=>'CA1998', 
5.     'price'=>'6000', 
6.     'tickets'=>20, 
7.     'func'=>$callback, 
8. ); 
9. $result = json_encode($a); 
10. echo “flightHandler($result)“; 
11. exit;  

放到这个目录下面去,这样就可以测试了,直接在浏览器访问testjsonp.html.就可以看到效果了.