php jsop 跨域

最新推荐文章于 2025-05-07 10:10:11 发布

路上的影子

最新推荐文章于 2025-05-07 10:10:11 发布

阅读量351

点赞数

前端:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>职位查询</title>
    <script src="jquery.js"></script>
</head>
<body>
<center><br><br>
<input type="text" id="val" ><input type="button" id="dian" value="查询"><br><br>

<div id="list" style="width:300px;border:1px #000 solid;height:200px"></div></center>
    <script>
    var url='http://www.nine.com/invite/frontend/web/index.php?r=index/jsonp';//接口路径
    //var url='jsonp.php';
    $("#dian").click(function(){

        var zhi=$("#val").val();
        var data={zhi:zhi};//搜索值

        $.get(url,data,function(msg){
            //console.log(msg);
            //alert(msg[0].p_name);
            var html='职位：';
            for (var i in msg) {
                //将接到的jsonp数据进行遍历
                html+='<br /> '+msg[i].p_name;
            };
            $('#list').append(html);
        },'jsonp')//指定数据为jsonp
    })
    //下面的方法也可以为原生的ajax方法
    /*$("#dian").click(function () {
        var zhi=$("#val").val();
        $.ajax({
            url: url,
            data:'zhi='+zhi,
            dataType: "jsonp",
            jsonpCallback: "aa",
            success: function (msg) {
                //console.log(data)
                $('#list').append('职位：'+msg[0].p_name);
            }
        })
    })*/
    </script>
</body>
</html>
后端:
//jsonp 接口查询职位

1. public function actionJsonp()
2. {
3. header("Access-Control-Allow-Origin: *");//同源策略跨域请求头设置
4. header('content-type:text/html;charset=utf8 ');
5. //获取回调函数名
6. $jsoncallback = htmlspecialchars($_REQUEST['callback']);//把预定义的字符转换为 HTML 实体。
8. $zhi = htmlspecialchars($_REQUEST['zhi']);
10. $arr=yii::$app->db->createCommand("select * from position where p_name like :name",array(':name'=>"%$zhi%"))->queryAll();//用的like进行模糊查询
12. $json_data=json_encode($arr);//转换为json数据
14. //输出jsonp格式的数据
15. echo $jsoncallback . "(" . $json_data . ")";
16. }
17. 复制自https://blog.youkuaiyun.com/json_ligege/article/details/51505481
18. https://www.cnblogs.com/jkko123/p/6294624.html 讲解的也很好