jquery ajax设置头部,jQuery Ajax 设置请求头
今日在項(xiàng)目ajax訪問中 獲取接口地址，出現(xiàn)一個(gè)這樣的錯(cuò)誤：
Request header field Access-Token is not allowed by Access-Control-Allow-Headers in preflight response.
意思是說Access-Token 是不被允許的 ，那么如何進(jìn)行設(shè)置呢，看下面的實(shí)例即可
$.ajax({
type:?type,
timeout:?10000,?//?超時(shí)時(shí)間?10?秒
headers:?{
'Access-Token':'123456'
},
url:?url,
data:?data,
success:?function(data)?{
},
error:?function(err)?{
},
complete:?function(XMLHttpRequest,?status)?{?//請求完成后最終執(zhí)行參數(shù)
}
})
那么程序報(bào)錯(cuò)了Request?header?field?Access-Token?is?not?allowed?by?Access-Control-Allow-Headers?in?preflight?response.
其中Access-Control-Allow-Headers 首部字段用于預(yù)檢請求的響應(yīng)。
查閱了很多參考資料以及各位前輩踩坑記錄，得到如下總結(jié)：
報(bào)錯(cuò)意思是請求頭中的Access-Token字段在Access-Control-Allow-Headers中沒有被設(shè)置為允許.
誰來設(shè)置？
一種是font-end自己設(shè)置，在ajax在中設(shè)置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)?{?//請求完成后最終執(zhí)行參數(shù)
}
});
還有一種：
在服務(wù)器代碼中加入：服務(wù)器端就加這么一句話即可header("Access-Control-Allow-Headers:?Access-Token");
這樣的一句話，即可解決上述問題
headers:?{
'Access-Token':123456
},
這個(gè)header頭?這樣傳遞以后??在?PHP?$_SERVER?中的值是?$_SERVER['HTTP_ACCESS_TOKEN']?自動轉(zhuǎn)換成這樣了，切記
簡單跨域設(shè)置：//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');
這是一個(gè)簡單的jquery實(shí)例
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);
}
});
總結(jié)
以上是生活随笔為你收集整理的jquery ajax设置头部,jQuery Ajax 设置请求头的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ajax发送异步请求四个步骤,深入理解a
- 下一篇： 项目jetty服务器,maven项目配置