jsonp,用ajax和php实现跨域
2017-06-30 17:55
316 查看
前端使用jq的$.ajax()方法,后台使用php语言。
ajax.js
$.ajax({
type:'post',
url:'http://www.xxx.xom/xxx/xxx.php',
data:userInfo,
dataType:'jsonp',
jsonp:"callback",
jsonpCallback:'success_jsonpCallback',//自定义jsonp的回调函数名,不自定的话默认为jquery生成的随机函数名
success:function(data){
},
error:function(a,b,c){
console.log(a+"++"+b+"++"+c);
}
});
xxx.php
<?php
....//你的后台逻辑代码
$data=...//返回给前端的对象
$callback = $_POST['callback'];//获取你定义的回调函数名;
echo $callback.'('.json_encode($data).')';
exit;
?>
ajax.js
$.ajax({
type:'post',
url:'http://www.xxx.xom/xxx/xxx.php',
data:userInfo,
dataType:'jsonp',
jsonp:"callback",
jsonpCallback:'success_jsonpCallback',//自定义jsonp的回调函数名,不自定的话默认为jquery生成的随机函数名
success:function(data){
},
error:function(a,b,c){
console.log(a+"++"+b+"++"+c);
}
});
function success_jsonpCallback(data){ ...//data是后台返回的json对象。 //这里是回调函数的逻辑代码 }
xxx.php
<?php
....//你的后台逻辑代码
$data=...//返回给前端的对象
$callback = $_POST['callback'];//获取你定义的回调函数名;
echo $callback.'('.json_encode($data).')';
exit;
?>
相关文章推荐
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- php ajax jsonp 实现跨域
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- ajax+jsonp+php 实现跨域交换数据
- PHP AJAX JSONP实现跨域请求使用实例
- ajax+jsonp+php 实现跨域请求
- PHP AJAX JSONP实现跨域请求使用实例
- jquery+ajax+jsonp实现跨域请求
- Ajax通过jsonp实现跨域访问,访问成功但走error不走success
- SSO(四) cas ajax + jsonp实现跨域登录
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- AJAX利用JSONP方式实现跨域数据传递
- Ajax+Spring MVC实现跨域请求(JSONP)