jQury Ajax使用Token驗證身份實例代碼
更新時間:2017年09月22日 08:35:26 作者:天空影
這篇文章主要介紹了jQury Ajax使用Token驗證身份實例代碼,需要的朋友可以參考下
因為最近做了幾個后臺,所以經常會涉及到Token驗證身份操作后臺,所以這里記錄一個如何向后臺傳請求頭和Token。
success:function(dat){
console.log(dat);
if(dat.code==1){
sessionStorage.setItem('token',dat.data.access_token);
//這里設置緩存存儲Token
sessionStorage.setItem('user',userName);
location.href = "index.html";
}else{
$(".tip2").html("用戶名或密碼錯誤");
}
}
function edit(obj,obj1,url){//要關閉的彈框類名 form表單id 編輯接口
var token1 ='basic '+ window.sessionStorage.token;
//這里的格式是按后臺要求的 通過緩存讀取Token
var url = browerUrl+url;
var obj1 = "#"+obj1;
var formData = new FormData($(obj1)[0]);
for(var x of formData){
console.log(x)
}
$.ajax({
type:"post",
async:true,
cache: false,
contentType: false,
processData: false,
url:url,
data:formData,
//在請求前設置請求頭 在請求頭里面設置設置請求頭的信息
beforeSend: function(request) {
request.setRequestHeader("Authorization", token1);
},
//或者直接設置請求頭
//headers:{"Authorization", token},
success:function(dat){
console.log(dat);
if(dat.code==1){
messageShow("操作成功");
tanClose(obj);
setTimeout(reload(),3000);
}
else if(dat.code==309){
backHome();
}
else{
console.log(dat.msg);
}
}
})
}
最后祝大家少出bug
總結
以上所述是小編給大家介紹的jQury Ajax使用Token驗證身份實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
Bootstrap 時間日歷插件bootstrap-datetimepicker配置與應用小結
這篇文章主要介紹了Bootstrap 時間日歷插件bootstrap-datetimepicker配置與應用小結,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
通過XMLHttpRequest和jQuery實現ajax的幾種方式
AJAX大家已經都知道了,是為了實現異步通訊,提高用戶體驗度,而將很多舊知識(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一個新的知識框架。而,XMLHttpRequest對象則是其中的重重之中,本篇文章主要給大家介紹通過XMLHttpRequest和jQuery實現ajax的幾種方式2015-08-08

