PHP+AJAX实现跨域的方式

php文件代码【我是以phpcms来做实例】

在phpcms\modules文件夹下添加了一个mobile的文件夹【模块】；在该模块下添加一个index.php文件，代码如下：

/**
public function test()
   {
       //加载数据库模型
       $mb_start_db = pc_base::load_model('mb_start_model');
       $where = array('id'=>1);
       $data = ('pic1,pic2,pic3');
       $res = $mb_start_db->get_one($where, $data);

       if($res)
       {
           if(!empty($_GET['callback'])) {
               $json_arr = array('status'=>1,'msg'=>'成功!','result'=>$res);
               echo $_GET['callback']. '('.json_encode($json_arr).')';die;
           } else {
               $json_arr = array('status'=>1,'msg'=>'成功!','result'=>$res);
               echo json_encode($json_arr);die;
           }
       }

   }
这是一份完整的代码
**/

注：：上面的代码有一个$_GET['callback']，这个就是jsonp一个参数；

再看看HTML5页面的代码：

立即学习“PHP免费学习笔记（深入）”；

最终效果图如下：：

但你点击了获取数据这个按钮【注：按钮的名称应该是获取数据的，不好意思打错字】，会出现以下的错误：

这个错误是不允许，或者说禁止跨域，要解决这个方法很简单，在PHP文件的头部加上一段代码：

/**
header("Access-Control-Allow-Origin:*");
*号表示所有域名都可以访问  
**/

加了以上代码，最终的效果如下图：

奇域

奇域是一个专注于中式美学的国风AI绘画创作平台

30

查看详情

如果dataType:'jsonp'的话，如下图片

看PHP代码：

结果如下：

简单总结2点：

1、Ajax请求的时候使用jsonp,然后在PHP接收和返回的时候也带上jsonp的数据;

2、只提供给支持HTML5的浏览器使用，只需要在PHP的头部加上如下这两句话即可

header("Access-Control-Allow-Origin:*"); //*号表示所有域名都可以访问  
header("Access-Control-Allow-Method:POST,GET");

更多PHP+AJAX实现跨域的方式相关文章请关注PHP中文网！