PHP+AJAX实现跨域的方式
在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文件的头部加上一段代码:
/**
header("Access-Control-Allow-Origin:*");
*号表示所有域名都可以访问
**/
加了以上代码,最终的效果如下图:
如果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中文网!