jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼
因?yàn)樽罱隽藥讉€(gè)后臺(tái),所以經(jīng)常會(huì)涉及到Token驗(yàn)證身份操作后臺(tái),所以這里記錄一個(gè)如何向后臺(tái)傳請(qǐng)求頭和Token。
success:function(dat){
console.log(dat);
if(dat.code==1){
sessionStorage.setItem('token',dat.data.access_token);
//這里設(shè)置緩存存儲(chǔ)Token
sessionStorage.setItem('user',userName);
location.href = "index.html";
}else{
$(".tip2").html("用戶名或密碼錯(cuò)誤");
}
}
function edit(obj,obj1,url){//要關(guān)閉的彈框類名 form表單id 編輯接口
var token1 ='basic '+ window.sessionStorage.token;
//這里的格式是按后臺(tái)要求的 通過緩存讀取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,
//在請(qǐng)求前設(shè)置請(qǐng)求頭 在請(qǐng)求頭里面設(shè)置設(shè)置請(qǐng)求頭的信息
beforeSend: function(request) {
request.setRequestHeader("Authorization", token1);
},
//或者直接設(shè)置請(qǐng)求頭
//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
總結(jié)
以上所述是小編給大家介紹的jQury Ajax使用Token驗(yàn)證身份實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證實(shí)例詳解
- jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證的方法
- jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面(附源碼)
- jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
- jquery+ajax驗(yàn)證不通過也提交表單問題處理
- ajax jquery 異步表單驗(yàn)證示例代碼
- S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
- jquery formValidator插件ajax驗(yàn)證 內(nèi)容不做任何修改再離開提示錯(cuò)誤的bug解決方法
相關(guān)文章
jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能
先給大家介紹下jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能,以及通過js實(shí)現(xiàn)隱藏與顯示銨鈕功能的實(shí)例代碼,需要的朋友參考下吧2016-11-11
jquery 插件實(shí)現(xiàn)瀑布流圖片展示實(shí)例
本文給大家分享的是使用jQuery的masonry庫(kù)和infinitescroll庫(kù)實(shí)現(xiàn)的瀑布流美女圖片展示的實(shí)例,效果非常不錯(cuò),這里推薦給大家,有需要的小火把可以參考下。2015-04-04
Bootstrap 時(shí)間日歷插件bootstrap-datetimepicker配置與應(yīng)用小結(jié)
這篇文章主要介紹了Bootstrap 時(shí)間日歷插件bootstrap-datetimepicker配置與應(yīng)用小結(jié),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
JQueryEasyUI datagrid框架的進(jìn)階使用
本篇文章小編為大家介紹JQueryEasyUI datagrid框架的基本使用,有需要的朋友可以參考一下2013-04-04
通過XMLHttpRequest和jQuery實(shí)現(xiàn)ajax的幾種方式
AJAX大家已經(jīng)都知道了,是為了實(shí)現(xiàn)異步通訊,提高用戶體驗(yàn)度,而將很多舊知識(shí)(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一個(gè)新的知識(shí)框架。而,XMLHttpRequest對(duì)象則是其中的重重之中,本篇文章主要給大家介紹通過XMLHttpRequest和jQuery實(shí)現(xiàn)ajax的幾種方式2015-08-08
easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01

