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