jsonp跨域请求

最新推荐文章于 2025-06-15 16:06:23 发布

tjg888888

最新推荐文章于 2025-06-15 16:06:23 发布

阅读量441

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jsonp

本文链接：https://blog.youkuaiyun.com/tianjingang1/article/details/52671884

jsonp 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种通过JSONP实现跨域数据请求的方法，并展示了具体的PHP与JavaScript代码实例。文章详细解释了如何从一个域名（站点B）请求另一个不同域名下的数据（站点A），并利用jQuery的ajax进行数据展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

被请求站（A) 控制器层

public function actionHistory(){
    $db=\Yii::$app->db;
    $session=\Yii::$app->session;
    $usm=$session['usm'];
    $re=$db->createCommand("select * from user where username='$usm'")->queryOne();
    $uid=$re['u_id'];
    $ar=$db->createCommand("select * from action where u_id='$uid'")->queryAll();
    $br=array();//定义一个空数组
    foreach($ar as $key=>$val){
        $br[$key]=$val['g_id'];
    }
    $bb = implode(',',$br);
    $cr=$db->createCommand("select * from images where g_id in(".$bb.")")->queryAll();//需要跨站请求的数据
    //动态执行回调函数(跨域请求开始)
    $result=json_encode($cr);
    $callback=$_GET['callback'];
    echo $callback."($result)"；//跨域请求结束
}
    请求站(B)控制层
       //跨域展示
   public function actionShow(){
    return $this->render('show');
     }
    请求站(B)视图层
   <script src="jquery-1.7.2.min.js"></script>
<div id="div"></div>
<script type="text/javascript">
    $.ajax({
        url:"http://www.shopa.com/index.php?r=home/history",
        dataType:'jsonp',
        data:'get',
        jsonp:'callback',
        success:function(msg) {
            //alert(msg);
            var str='<table border=1><tr><th>ID</th><th>标题</th><th>名字</th><th>时间</th><th>商品价格</th></tr>'
             for(var i=0;i<msg.length;i++)
             {
             str+='<tr>'
             str+='<td>'+msg[i].g_id+'</td>'
             str+='<td>'+msg[i].title+'</td>'
             str+='<td>'+msg[i].photo+'</td>'
             str+='<td>'+msg[i].time+'</td>'
             str+='<td>'+msg[i].price+'</td>'
             str+='</tr>'
             }
             str+='</table>'
             $('#div').html(str)
             }

    });
</script>