关于JavaScript document.cookie一次存储多个名/值对

最新推荐文章于 2024-07-11 15:29:37 发布
最新推荐文章于 2024-07-11 15:29:37 发布
阅读量1.4k 收藏
点赞数
文章标签： 前端 javascript cookie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35394917/article/details/121616385
版权

在javascript cookie一次存储多个名/值对，不可以使用分号加空格（; ）隔开

比如

document.cookie=”userId=828; userName=hulk”;
这样通过document.cookie获取只显示userId=828，而不显示后面的userName=hulk; 

原因是在cookie 的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格，与网上的document.cookie=”userId=828; userName=hulk”;写法互相矛盾。

测试一下document.cookie=”userId=828; userName=hulk”;这样定义只对系统属性有效document.cookie=”userId=828; expires=....”;这样是允许的，但对于自定义属性是不能这样连写的

旧时梦Cc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于document.cookie的使用(转)
weixin_33881041的博客
12-22 1045
关于document.cookie的使用 ...
JS Cookie 保存多个参数和根据名称取值
Candy_TangZhen的专栏
07-16 7780
在网上搜索了很多JS cookie保存多个参数的写法，大多数都是用字符串通过分号隔开保存，试验之后发现满足不了要求，我保存多个参数，最终读取时只有一个参数， 于是又找到下面这种方法：cookie改变它的赋值并不意味着丢失原来的值：   document.cookie = "provinceId=" + escape(areaData.provinceId);   等同于  document.add...
cookie存多个key
RedXx
04-18 5611
cookie存多个值 前言 写一些吐槽， 由于看红皮书的时候 cookie那一章只是大概看了看， 在项目设置cookie存多个值的时候， 发现只能存一个key，value， 后来看了大量文章后发现，竟然大多都是错的，谁教你的不测试就能发网上误人子弟的， 谁教你的cookie 能 =；=；=；这样存多个值了？？？...
document cookie用法
T_ravelers的博客
06-21 4580
cookie概述 曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达到一个模拟 全局变量的功能，但并不严谨。例如在导航框架页面内右击，单击快捷菜单中的【刷新】命令，则所有的JavaScript变量都会丢失。因此，要实现严格的 跨页面全局变量，这种方式是不行的， JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。   cookie是浏
详解Document.Cookie
weixin_34218890的博客
11-09 1640
转自：https://www.jb51.net/article/77009.htm 具体来说cookie机制采用的是在客户端保持状态的方案，而session机制采用的是在服务器端保持状态的方案。 同时我们也看到，由于采用服务器端保持状态的方案在客户端也需要保存一个标识，所以session机制可能需要借助于cookie机制来达到保存标识的目的，但实际上它还有其他选择。 设置cookie   ...
多个值存储到一个cookie中
sdfujichao的博客
05-09 9880
首先存储在一块的数值应该是相关联的。就是把多个值用一个特殊字符连接起来，（特殊字符就是为了截取字符），然后用一个键来存储连接的字符串。 用document.cookie直接获取cookie的内容 var textName = document.getElementById("textId"); var pass = docum
document.cookie 可以一次存储多个吗？
chiele的专栏
12-19 509
document.cookie 是可以一次存储多个的吗？呃……
HTML可以设置几个cookie,如何在JavaScript中设置多个Cookie？
weixin_33477210的博客
06-28 1705
使用JavaScript，要设置多个cookie，请使用多次设置document.cookie。分隔器。示例您可以尝试运行以下代码来设置多个Cookie-html>varnum=1;functionaddCookie(){document.cookie=num+"="+num;num++;}functionlistCookies(){varresult=document.co...
cookie机制及其原理
Saintyyu的博客
10-10 1144
一、多个值存储到一个cookie中 首先，存储在一块儿的数值应该是相关联的。多个值通过一个特殊的字符连接起来（特殊字符就是为了截取字符方便），然后用一个键来存储连接后的字符串。用document.cookie直接获取cookie的内容。 二、cookie实现自动登录原理 1. 保存用户信息阶段 当用户登录网站时，在登录页面填写完用户名和密码后，如果用户在提交时还选择了“两星期内自动登录”的...
document.cookie
weixin_51747462的博客
04-10 8847
document.cookie
JavaScript设置、获取、清除单值和多值cookie的方法
10-23
对于存储多个值的Cookie，我们可以使用键值对的方式，将所有值连接成一个字符串，并在获取时进行解析。以下是设置和获取多值Cookie的函数： ```javascript function setMultiCookie(name, subCookies, expires, ...
一天弹一次jquery.cookie插件.zip
07-04
综上所述，这个压缩包中的内容涉及到了jQuery、jQuery插件开发、JavaScript cookie管理和用户交互设计等多个IT领域的知识点，对于前端开发者来说是很有价值的学习资源。通过理解并应用这些技术，可以提升网站的用户...
html清空所有cookie,document.cookie使用详解
weixin_28683689的博客
06-05 3617
概念相关：cookie是存于用户硬盘上的一个文件，对应一个域名，当浏览器再次访问这个域名时，便使用这个cookie。cookie 可以跨越一个域名下的多个网页，但不能跨越多个域名使用。cookie是浏览器相关的。即使访问的是同一个页面，不同浏览器之间所保存的cookie也是不能互相访问的。cookie 安全性不够高。所有的cookie 都是以纯文本的形式记录于文件中，因此如果要保存用户名密码等信息...
JS cookie的设置、获取和删除（非常详细）
逍遥的博客
03-11 8126
在编程领域，Cookie 代表一种小型的文本文件，可以让开发人员在用户计算机上存储少量的数据（大约 4kb），来记录用户的某些信息，例如用户身份、喜好等，当用户下次访问网站时，网站可以通过检索这些信息来为用户展示个性化页面。另外，一些电商网站的购物车也用到了 Cookie 技术。 在 HTTPS 协议还未诞生之前，Web 浏览器和服务器之间需要通过 HTTP 协议进行通信，HTTP 协议是一种无状态协议，当服务器与浏览器之间完成一次交互（浏览器向服务器发送请求，服务器做出响应）后，链接会被关闭，服务器就会忘
Cookie学会如何运用
sgr24gsrg的博客
06-29 404
1、Cookie是服务器通知客户端保存键值对的一种技术2、客户端访问服务器的时候，会发送Cookie请求发送给服务器3、可以同时存在多个键值对，但是每个Cookie的大小不能超过4kb 注意：1：一个cookie只能存放一个键值对，所以我们在定义变量名的时候都会去设置不同的变量名称，用来存放多个键值对。 2：key和value此时都只能是String, 3：注意此时的这个键值对key不能是中文 四、设置生命周期 Cookie的生命周期设置的是什么时候Co
JS cookie的设置、读取和删除
to_prototy的博客
08-17 9192
Javascript cookie的设置、读取和删除
Node多版本管理器NVM安装使用
最新发布
GongWeiBuQi的博客
07-11 176
安装node很方便，只需要一条命令可以轻松切换node版本可以多版本node并存。
html做一个登录注册页面cookie存储
05-19
首先，你需要创建一个登录注册页面的 HTML 文件。以下是一个简单的例子： ``` <!DOCTYPE html> <html> <head> <title>Login/Register</title> </head> <body> <h1>Login/Register</h1> <form id="login-form"> <label for="username">Username:</label> <input type="text" id="username" name="username"><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br><br> <button type="submit">Login</button> </form> <br> <form id="register-form"> <label for="new-username">New Username:</label> <input type="text" id="new-username" name="new-username"><br><br> <label for="new-password">New Password:</label> <input type="password" id="new-password" name="new-password"><br><br> <button type="submit">Register</button> </form> </body> </html> ``` 此 HTML 文件包含一个登录表单和一个注册表单。每个表单都有一个提交按钮。 接下来，你需要编写 JavaScript 代码来处理用户的登录和注册请求，并使用 cookie 存储用户信息。以下是一个例子： ``` // Get the login form and register form elements var loginForm = document.getElementById("login-form"); var registerForm = document.getElementById("register-form"); // Add event listeners for form submissions loginForm.addEventListener("submit", handleLoginSubmit); registerForm.addEventListener("submit", handleRegisterSubmit); // Function to handle login form submission function handleLoginSubmit(event) { event.preventDefault(); // Get the form data var username = document.getElementById("username").value; var password = document.getElementById("password").value; // TODO: Perform login validation // Set a cookie with the user's information document.cookie = "username=" + username + "; path=/"; document.cookie = "password=" + password + "; path=/"; // Redirect the user to the dashboard page window.location.href = "/dashboard.html"; } // Function to handle register form submission function handleRegisterSubmit(event) { event.preventDefault(); // Get the form data var newUsername = document.getElementById("new-username").value; var newPassword = document.getElementById("new-password").value; // TODO: Perform registration validation // Set a cookie with the user's information document.cookie = "username=" + newUsername + "; path=/"; document.cookie = "password=" + newPassword + "; path=/"; // Redirect the user to the dashboard page window.location.href = "/dashboard.html"; } ``` 此 JavaScript 代码将监听表单提交事件，并调用相应的函数来处理登录和注册请求。在处理请求时，它会获取表单数据并在 cookie 中存储用户信息。最后，它将重定向用户到仪表板页面。 请注意，上面的代码仅是一个示例，并且缺少必要的登录和注册验证。在实际应用中，你需要编写更多的代码来确保用户输入的准确性和安全性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值