ajax+jsonp+php 实现跨域交换数据

ajax+jsonp+php 实现跨域交换数据

前端代码：

[javascript]  view plain  copy

1. <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
2.         <script type="text/javascript">  
3.             $(function(){  
4.                   $.ajax({  
5.                        url : "http://192.168.1.130/mytest/mytest.php",  
6.                        dataType:"jsonp",  
7.                        data:{  
8.                            "id":"123456",  
9.                            "t":1  
10.                        },  
11.                        type:"post",  
12.                        jsonp:"jsonpcallback",  
13.                        timeout: 5000,  
14.                        success:function(data){  
15.                            console.log(data);  
16.                        },  
17.                        error:function(XHR, textStatus, errorThrown){  
18.                            console.log('error: ' + textStatus);  
19.                            console.log('error: ' + errorThrown);  
20.                        }  
21.                   });  
22.             });  
23.         </script>  

后台代码：

[php]  view plain  copy

1. <?php  
2.   
3. $id = $_POST['id'];  
4. $t = $_POST['t'];  
5.   
6. $jsonp = $_GET['jsonpcallback'];//get接收jsonp自动生成的函数名  
7.   
8. $arr = array(  
9.     'id' => $id,  
10.     't' => $t  
11. );  
12. echo $jsonp.'('. json_encode($arr). ')'; //jsonp函数名包裹json数据  
13.   
14.   
15. ?>  

运行结果：

注意：

1：jsonp和json的却别，jsonp的原理属于将跨域数据处理为静态文件，再调取。所以需要回掉函数。回掉函数可以约定，也可以默认生成。使用默认生成，维护方便。

2：测试的时候使用的是本地连接，但是不影响。

ajax+jsonp+php 实现跨域交换数据