首页 > 🌐前端技术 > 🦠JavaScript > Jquer 设置COOKIE ,获取COOKIE

📖Jquer 设置COOKIE ,获取COOKIE

👨‍🚀 伍言Yan ⏳ 2021年 8月 10日 🔔 1K+ 🔮 0

代码

//创建 COOKIE
    //1：创建一个 name 值为 value
    $.cookie('name', 'value');
    //2：创建 cookie，并设置 7 天后过期
    $.cookie('name', 'value', { expires: 7 });
    //3：创建 cookie，并设置 cookie 的有效路径，路径为网站的根目录
    $.cookie('name', 'value', { expires: 7, path: '/' });
//读取 COOKIE
    //1：读取 COOKIE
    $.cookie('name');
    //2：读取所有的 COOKIE 信息
    $.cookie();
//删除 cookie
    //1：删除 COOKIE
    $.removeCookie('name');
    //2：写入使用了 path时，读取也需要使用相同的属性
    $.cookie('name', 'value', { path: '/' });

自己用来测试的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
    <meta charset="utf-8">
<title>JS 将数据存储到 cookie</title>
<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</head>
<body>
    <script type="text/javascript">
         function CookieData(){
            $.cookie('name', 'value');
            console.log('创建完成')
        }
        function con(){
            console.log($.cookie('name'))
        }
    </script>
    <button onclick="CookieData()">创建 COOKIE</button>
    <button onclick="con()">输出 COOKIE 存储的值</button>
</body>
</html>

下面是谷歌浏览器查看当前网站 COOKIE 的办法

标签

COOKIE

🧐发表评论

取消回复