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

前端代码：

<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
$.ajax({
url : "http://192.168.1.130/mytest/mytest.php",
dataType:"jsonp",
data:{
"id":"123456",
"t":1
},
type:"post",
jsonp:"jsonpcallback",
timeout: 5000,
success:function(data){
console.log(data);
},
error:function(XHR, textStatus, errorThrown){
console.log('error: ' + textStatus);
console.log('error: ' + errorThrown);
}
});
});
</script>

后台代码：

<?php

$id = $_POST['id'];
$t = $_POST['t'];

$jsonp = $_GET['jsonpcallback'];//get接收jsonp自动生成的函数名

$arr = array(
'id' => $id,
't' => $t
);
echo $jsonp.'('. json_encode($arr). ')'; //jsonp函数名包裹json数据

?>

运行结果：



注意：

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

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