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)閉的彈框類(lèi)名 form表單id 編輯接口 var token1 ='basic '+ window.sessionStorage.token; //這里的格式是按后臺(tái)要求的 通過(guò)緩存讀取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ì)大家有所幫助,如果大家有任何疑問(wèn)請(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)證不通過(guò)也提交表單問(wèn)題處理
- ajax jquery 異步表單驗(yàn)證示例代碼
- S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
- jquery formValidator插件ajax驗(yàn)證 內(nèi)容不做任何修改再離開(kāi)提示錯(cuò)誤的bug解決方法
相關(guān)文章
jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能
先給大家介紹下jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能,以及通過(guò)js實(shí)現(xiàn)隱藏與顯示銨鈕功能的實(shí)例代碼,需要的朋友參考下吧2016-11-11jquery 插件實(shí)現(xiàn)瀑布流圖片展示實(shí)例
本文給大家分享的是使用jQuery的masonry庫(kù)和infinitescroll庫(kù)實(shí)現(xiàn)的瀑布流美女圖片展示的實(shí)例,效果非常不錯(cuò),這里推薦給大家,有需要的小火把可以參考下。2015-04-04Bootstrap 時(shí)間日歷插件bootstrap-datetimepicker配置與應(yīng)用小結(jié)
這篇文章主要介紹了Bootstrap 時(shí)間日歷插件bootstrap-datetimepicker配置與應(yīng)用小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05JQueryEasyUI datagrid框架的進(jìn)階使用
本篇文章小編為大家介紹JQueryEasyUI datagrid框架的基本使用,有需要的朋友可以參考一下2013-04-04通過(guò)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ì)象則是其中的重重之中,本篇文章主要給大家介紹通過(guò)XMLHttpRequest和jQuery實(shí)現(xiàn)ajax的幾種方式2015-08-08easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01