jquery ajax设置头部,jQuery Ajax 设置请求头

今日在项目ajax访问中 获取接口地址，出现一个这样的错误：

Request header field Access-Token is not allowed by Access-Control-Allow-Headers in preflight response.

意思是说Access-Token 是不被允许的 ，那么如何进行设置呢，看下面的实例即可

$.ajax({

type: type,

timeout: 10000, // 超时时间 10 秒

headers: {

'Access-Token':'123456'

},

url: url,

data: data,

success: function(data) {

},

error: function(err) {

},

complete: function(XMLHttpRequest, status) { //请求完成后最终执行参数

}

})

那么程序报错了Request header field Access-Token is not allowed by Access-Control-Allow-Headers in preflight response.

其中Access-Control-Allow-Headers 首部字段用于预检请求的响应。

查阅了很多参考资料以及各位前辈踩坑记录，得到如下总结：

报错意思是请求头中的Access-Token字段在Access-Control-Allow-Headers中没有被设置为允许.

谁来设置？

一种是font-end自己设置，在ajax在中设置beforeSend$.ajax({

type: type,

timeout: 10000,

beforeSend: function(xhr) {

xhr.setRequestHeader("Access-Toke");

},

headers: {

'Access-Token':123456

},

url: url,

data: data,

success: function(data) {

},

error: function(err) {

},

complete: function(XMLHttpRequest, status) { //请求完成后最终执行参数

}

});

还有一种：

在服务器代码中加入：服务器端就加这么一句话即可header("Access-Control-Allow-Headers: Access-Token");

这样的一句话，即可解决上述问题

headers: {

'Access-Token':123456

},

这个header头 这样传递以后  在 PHP $_SERVER 中的值是 $_SERVER['HTTP_ACCESS_TOKEN'] 自动转换成这样了，切记

简单跨域设置：//header('Access-Control-Allow-Origin: *');

header("Access-Control-Allow-Headers: Access-Token"); // Origin, X-Requested-With, Content-Type, Accept

header('Access-Control-Allow-Methods: GET, POST, PUT,DELETE');

这是一个简单的jquery实例

html>

Document

$.ajax({

'url':'http://www.qbjf.com/index.php/hellow/index2',

'method':'post',

'headers':{

/*'aaa':'123456',

'accept':"application/json; charset=utf-8",*/

'Access-Token':'asdfasd'

},

'data':{

'username':'123',

'password':'456'

},

success:function(data){

console.log(data);

}

});