jsonp 跨域请求

最新推荐文章于 2024-10-05 01:22:45 发布

anbingmeng1565

最新推荐文章于 2024-10-05 01:22:45 发布

阅读量49

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/wumingcong/p/4648264.html

版权

发起jsonp请求页代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<script>
    $.ajax({
        //async : false, //使用同步请求
        type : 'GET',
        url : 'http://127.0.0.1:8090/outapp/jsonp',
        dataType:'jsonp',  //选择返回值类型
        jsonp:"callback",  //规定发送/接收参数，默认为callback
        timeout:30000,
        error:function(jqXHR, textStatus, errorThrown){
            if(textStatus=="timeout"){
                alert('抱歉！请求超时，请重试！或请检查您的网络状况！');    return false;
            }else if(textStatus=="error"||textStatus=="parsererror"){
                  alert('抱歉！系统发生错误，请重试！');return false;
            }else if(textStatus=="abort"){
                alert('抱歉！程序发生中断，请重试！');    return false;
            }
        },
        success : function(msg) {
            if ('' != msg) {
                alert(msg.aa);
            } else {
                alert('文件不存在！');
            }
        }
    });    
</script>
</body>
</html>

被跨域请求页代码

$callback=$_GET['callback'];        
echo $callback.'({"jsonp": false,"aa": "callbackName" })';

显而易见：jsonp要求的页面返回值格式为 callback ( json字符串 );

json字符串的引号为了避免意外错误，最好使用双引号

对应最终页面输出结果可能为（callback值带有时间戳，会变化）： jQuery17109581847573505305_1323695230871({"jsonp": false,"aa": "callbackName" })

From: http://www.cnblogs.com/mybest/archive/2011/12/12/2285331.html

转载于:https://www.cnblogs.com/wumingcong/p/4648264.html

anbingmeng1565

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫