您的位置:首页 > Web前端 > JQuery

jquery+ajax+jsonp实现跨域请求

2013-10-29 00:00 791 查看
之前一篇博客详细的说明了jsonp协议,jquery ajax封装了jsonp协议,让跨域请求实现如此简单:
$.ajax({
            type : "post",
            url : "http://www.phpddt.com/ajax/test",
            dataType : "jsonp",
            jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
            jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
            success : function(json){
                alert('success');
            },
            error:function(){
                alert('fail');
            }
        });


服务器端处理如下:
$data = .......
$callback = $_GET['callback'];
echo $callback.'('.json_encode($data).')';
exit;


当使用jsonp时,使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: