用cookie保存用户名并显示在html上

首先,在servlet中创建一个cookie(我觉得还是要注意放在try catch前面,放在后面可能会影响效果)

//创建cookie
Cookie cookie = new Cookie("key", URLEncoder.encode(req.getParameter("name"), "UTF-8")); // 中文转码
// 在响应头中添加Cookie
resp.addCookie(cookie);

然后,在html中获取到cookie

<script>
        var name = $.cookie("key");//key是cookie的名称
        document.getElementById("username").innerHTML = name;//username是span标签的id
    </script>

这里面要用到Jquery的cookie插件:直接引用就可以

<script src="https://cdn.staticfile.org/jquery-cookie/1.4.0/jquery.cookie.js"></script>

 

posted @ 2022-03-08 23:05  KongLong_cm  阅读(73)  评论(0)    收藏  举报