thinkphp ajax 跨域请求 Access-Control-Allow-Origin 完美解决

来源:互联网 发布:python hmmlearn库 编辑:程序博客网 时间:2024/06/05 22:33

ajax跨域请求出问题,一般有以下几种情况:

1、直接打开本地文件夹的 .html等文件来ajax请求服务器数据,浏览器网址显示类似如下,以“file”开头:

file:///Users/username/wwwroot/test/Application/Api/View/Index/a.html

//解释:这种方法是不被允许的,不能用file类型来请求数据
把a.html放到服务器上,用网址的形式打开,如下:

http://www.test.com/Application/Api/View/Index/a.html

2、用网址打开了还是无效,比如客户端是本地搭建的环境,服务器端在阿里云或者别的网络服务器,这种情况有两种解决办法:
a、用jsonp,不具体说了,这个方法治标不治本,需要注意的是,使用jsonp的时候,只有get 类型可用,即使设置了 post类型,还是使用的 get
b、在服务器端的代码中加入如下代码:

// 指定允许其他域名访问  header('Access-Control-Allow-Origin:*');  // 响应类型  header('Access-Control-Allow-Methods:*');  // 响应头设置  header('Access-Control-Allow-Headers:x-requested-with,content-type');   

//解释:比如在thinkphp中,网络接口位于目录 Application/Api/Controller/BaseController.class.php ,该控制器里有个getInfo() 方法,客户端通过 xxx.com/Api/Base/getInfo 接口ajax读取服务器返回的数据,我们就把 上述三个header()放到这个控制器里,如果所示:
这里写图片描述

阅读全文
0 0