Cookie、VUE

星星下雪

已于 2022-09-22 18:01:43 修改

阅读量1.6k

点赞数

分类专栏： JAVA 笔记文章标签：前端 javascript java

于 2022-09-22 18:00:00 首次发布

本文链接：https://blog.csdn.net/qq_50233116/article/details/126963054

版权

一、Cookie

1) 创建Cookie对象
2) 在客户端保存Cookie
3) 设置cookie的有效时长
cookie.setMaxAge(60),设置cookie的有效时长为60s
cookie.setDomain(String pattern);
cookie.setPath(String uri)

@WebServlet("/cookie01")   //url：http://localhost:7070/Cookie/cookie01
public class CookieServlet01 extends HttpServlet {
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.创建cookie对象
        Cookie cookie = new Cookie("uname","xx");
        //2.将cookie对象保存至浏览器端
        response.addCookie(cookie);

    }
}

创建Cookie后可以在浏览器中查询保存的Cookie(这里可采用html文件帮助跳转至浏览器）

 request.getRequestDispatcher("hello01.html").forward(request,response);   //跳转至hello01.html页面

比如本人使用hello01.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>cookie保存成功！</h1>
</body>
</html>

(此处使用Microsoft Edge，其余浏览器保存位置均可在网上查询得)

在浏览器中右键 --> 检查 --> 网络 --> cookie(若没有cookie，则刷新)则可看到

或者在网页设置 --> Cookie 和已存储数据

a.记住用户名和密码（setMaxAge10天：60 * 60 * 24 *10）
b.免登录

二、Vue

1.定义js对象

1）对象定义

定义其对象有两种方式，如下：

//方式1：
var person = new Object();
        person.pid = "p001";
        person.pname="jim";
        person.sayHello = function(){
            alert("HELLO world");
        }


//方式2：
 var person = {
            "pid":"p001",
            "pname":"jim",
            "sayHello":function(){
                alert("HELLO world");
            }
        };

使用如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script language="JavaScript">

        function hello(){
            person.sayHello();
        }

        //此处使用方法2示例
        var person = {
            "pid":"p001",
            "pname":"jim",
            "sayHello":function(){
                alert("HELLO world");
            }
        };
        window.onload=function(){
            var vue = new Vue({

            });
        }
    </script>
</head>
<body>
<div id="div0">
    <span>HELLO</span>
    <input type="button" value="打招呼" onclick="hello()"/>
</div>
</body>
</html>

效果如下：

2）新建Vue对象

Var vue = new VUE({key,value})

Vue对象中的 el 属性：

el:"#div0"    <!--表示是当前vue对象和i

最低0.47元/天解锁文章

星星下雪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Cookie、VUE

}//此处使用方法2示例}};});}
复制链接

扫一扫

专栏目录

Cookie、VUE

一、Cookie

1.Cookie的使用

2.Cookie的应用

二、Vue

1.定义js对象

1）对象定义

2）新建Vue对象