jQury中Ajax如何使用Token驗(yàn)證身份

這篇文章主要介紹jQury中Ajax如何使用Token驗(yàn)證身份，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

因?yàn)樽罱隽藥讉€(gè)后臺(tái)，所以經(jīng)常會(huì)涉及到Token驗(yàn)證身份操作后臺(tái)，所以這里記錄一個(gè)如何向后臺(tái)傳請求頭和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,
    //在請求前設(shè)置請求頭 在請求頭里面設(shè)置設(shè)置請求頭的信息
    beforeSend: function(request) {
            request.setRequestHeader("Authorization", token1);
          },
    //或者直接設(shè)置請求頭
    //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);
      }
    }
  })
}

以上是“jQury中Ajax如何使用Token驗(yàn)證身份”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！