欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

PHP+AJAX实现跨域的方式

程序员文章站 2022-05-18 13:55:39
...
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+AJAX实现跨域的方式

最终效果图如下::

PHP+AJAX实现跨域的方式

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

PHP+AJAX实现跨域的方式

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


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

加了以上代码,最终的效果如下图:

PHP+AJAX实现跨域的方式

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

PHP+AJAX实现跨域的方式

看PHP代码:

PHP+AJAX实现跨域的方式

结果如下:

PHP+AJAX实现跨域的方式

简单总结2点:

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

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

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

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

相关标签: AJAX php