ajax 返回response 获取 headers中的token

最新推荐文章于 2024-07-14 03:33:08 发布

jack_too

最新推荐文章于 2024-07-14 03:33:08 发布

阅读量6.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java

本文链接：https://blog.youkuaiyun.com/tolode/article/details/103788487

Java 专栏收录该内容

25 篇文章

订阅专栏

这篇博客探讨了在登录前后如何通过Ajax操作获取和存储Header中的Token。登录前，后端会将Token存入，并设置特定头部以便前端通过Ajax请求获取。登录后，前端在Ajax请求中发送Token，后端则能从中读取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

登录前token的存取

//后端存入token
//浏览器默认是不让获得header中其他值，先指定一个头部，再存入数据

//HttpServletResponse response
response.setHeader("Access-Control-Expose-Headers", "TOKEN_NAME");
response.setHeader("TOKEN_NAME", "*****");

//前端ajax取token

<script type="text/javascript">
    function a() {
		$.ajax({
		   type: "POST",
		   url: "/loginsuccess",
		   data: formDatas,
		   //注意，这里三个参数data, textStatus, request缺一不可
		   success: function(data, textStatus, request) {
		       let tokenid2 = request.getResponseHeader("TOKEN_NAME")
		       console.log("tokenid="+tokenid); 
		       window.localStorage.tokenId = tokenId;
		       //这里将获取到的token存储起来，下次用的时候就使用这个tokenid
		   },
		});
    }
</script>

登录后token的存取

前端ajax发送token

<script type="text/javascript">
    function a() {
        $.ajax({
            type: "post",
            url: "http://xxxx/currentuser",
             contentType: "application/json; charset=utf-8",
            dataType: "json",
            headers: {		//这里将存储的token取出发送至后端
                tokenId: localStorage.getItem("tokenId")
            },
            success: function (data, textStatus, request) {
               
            }
        });
    }

后端取出token

//HttpServletRequest request
String token = request.getHeader("tokenId");
//这里需要取出redis中token与前端获取到token进行比较，以及null判断等