周晏羽
贫民
贫民
  • UID16103
  • 粉丝0
  • 关注0
  • 发帖数1
阅读:4472回复:0

前台统一传token(ajax)

楼主#
更多 发布于:2020-03-26 14:31
先将token存储在前台,然后有一下两种方式:
1. 在每一次调用的ajax时候将token放进请求头;
如下两种方式:
(1)
        $.ajax({  
        ......
        beforeSend: function(request) {//加token
            request.setRequestHeader("token", token);
        },
        ....
    });

   (2)

        $.ajax({  
        ......
        headers:{"token":token},//加token
        ......
    });


2. 使用$.ajaxSetup进行全局配置,ajaxSetup()其使用方法与ajax()并无区别,只是在其之后的ajax()不用再重复添加相同参数,节省了代码量

$.ajaxSetup({
  // contentType:"application/x-www-form-urlencoded;charset=utf-8",
  headers: {
    token: token
  },
//请求携带token必须设置以下参数
//--------------------------
  crossDomain: true,
  xhrFields: {
    withCredentials: true // 要在这里设置 跨域设置cookie
  },
//--------------------------
  complete: function(XMLHttpRequest, textStatus) {
    // console.log(XMLHttpRequest,textStatus)
    if (XMLHttpRequest.status == 401) {
      window.location.href = "/";
    }
  }
})

最新喜欢:

杜瑞龙杜瑞龙
游客

返回顶部