ajax跨域请求出问题,一般有以下几种情况:
1、直接打开本地文件夹的 .html等文件,提示跨域错误
浏览器网址显示类似如下,以“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、在服务器端的php文件开头 加入 header() 请求头
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()放到这个控制器里,如下图
:
或者暴力一点 直接放到thinkphp的入口文件index.php里,如下图