PHP jsonp ajax 跨域实例

最新推荐文章于 2024-09-11 06:55:03 发布

ajb90686

最新推荐文章于 2024-09-11 06:55:03 发布

阅读量102

点赞数

文章标签： php json javascript ViewUI

原文链接：http://www.cnblogs.com/Clymene/p/10063869.html

版权

HTML代码

<html>
<head>
    <title>跨域测试</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
     <script>

        $(document).ready(function () {
            $("#btn").click(function () {
                $.ajax({
                    dataType: "jsonp",
                    url: "http://www.xx.com/xx/index.php",
                    //jsonp: "callback",
                    //jsonpCallback:"success_jsonpCallback",
                    success: function(data) {
                        console.log(data);
                        var json = eval('(' + data + ')');
                        $("#text").text("uid:" + json.uid + " name:" + json.name);
                    },
                    error:function(){
                        alert('fail');
                    }    
                });
            });

        });
    </script>
</head>
<body>
    <input id="btn" type="button" value="跨域获取数据" />
    <textarea id="text" style="width: 400px; height: 100px;"></textarea>
</body>
</html>

　　PHP 代码

$callback = Yii::$app->request->get('callback');
        if(!empty($callback)) {
            $data = json_encode(array('uid' => 1,'name' => '测试',),JSON_UNESCAPED_UNICODE);
            echo $callback.'('.json_encode($data).')';
        }

　　或者，服务器端，相关方法内，加入

$request = Yii::$app->response;
        $request->headers->add('Access-Control-Allow-Origin','*');
        $request->headers->add('Access-Control-Allow-Credentials','true');
        $request->headers->add('Access-Control-Allow-Methods','GET, POST, OPTIONS');
        $request->headers->add('Access-Control-Allow-Headers','x-requested-with,content-type,test-token,test-sessid');

转载于:https://www.cnblogs.com/Clymene/p/10063869.html

ajb90686

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PHP jsonp ajax 跨域实例

HTML代码<html><head> <title>跨域测试</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $(doc...
复制链接

扫一扫