今天写的javascript添加,删除,和读取cookie的demo在这儿做个记录,其中有一下几个可能经常用到的地方做一个备注。
1、JSON.stringify(jsonObj) 将json对象转化为字符串对象;
2、escape对字符串进行编码,编码的目的是防止在cookie中出现特殊字符,用unescape转换编码后的字符串;
3、cookiMap.replace(/\s/g,"")去掉字符串中的空格;
4、document.cookie写入或读取cookie串。
<script type="text/javascript"> /*添加cookie*/ function setCookie(name,value,outTime){ var expdate=new Date(); var outms=outTime*24*60*60*1000;//过期时间,以天为单位‘1’表示一天 expdate.setTime(expdate.getTime()+outms); var cookieStr=name+"="+escape(value)+";expires="+expdate.toGMTString(); //escape方法的作用是进行编码,主要防治value中有特殊字符 document.cookie=cookieStr; } /*删除cookie cookie的删除并不是物理意义上的直接删除, 而是将cookie的有效期设置为失效,然后由浏览器删除失效的cookie删除 */ function deleteCookie(cookiename){ var date = new Date(); var outTime=date.getTime()-1000;//将cookie的有效期设置为失效 date.setTime(outTime); document.cookie=cookiename+"='';expires="+date.toGMTString(); } /*读取cookie*/ function getCookie(cookieName){ var cookieStr=document.cookie; var cookievalue=""; if(cookieStr!=null &&cookieStr!=undefined){ var arrayCookie=cookieStr.split(';'); for(var i=0;i<arrayCookie.length;i++){ var arrayDetail=arrayCookie[i].split('='); if(i==0){ cookiMap='{"'+arrayDetail[0]+'":"'+arrayDetail[1]+'",'; }else if(i==arrayCookie.length-1){ cookiMap+='"'+arrayDetail[0]+'":"'+arrayDetail[1]+'"}'; }else{ cookiMap+='"'+arrayDetail[0]+'":"'+arrayDetail[1]+'",'; } } } var s=cookiMap.replace(/\s/g,"");//去掉空格 var cookieObj=JSON.parse(s); for(var item in cookieObj){ if(item==cookieName){ cookievalue=unescape(cookieObj[item]); } } return cookievalue; } window.onload=function(){ var jsonObj={"姓名":"傅红雪","年龄":"24","职业":"刺客"} setCookie("abc",JSON.stringify(jsonObj),2);//在cookie中写入json串 setCookie("abd","hello word",2);// 写入cookie setCookie("abe","边城;浪子",2); var s={'abc':'{"姓名":"傅红雪","年龄":"24","职业":"刺客"}','abd':'hello word','abe':'编程;浪子'}; deleteCookie('abe'); //删除cookie alert(getCookie('abe'));//根据key值获取cookie } </script>
相关推荐
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie
js写的方法,可以设置cookie和获取cookie值,简单易懂
总的来说,JavaScript操作Cookie主要涉及设置、获取、更新和删除四个基本操作,理解这些操作对于前端开发人员来说至关重要,因为它涉及到用户数据的本地存储和管理。通过使用像`CookieUtil.js`这样的工具库,可以更...
本文将深入探讨如何使用JS操作Cookie的子键,以及如何利用jQuery的Ajax方法进行无刷新的数据提交,并接收后台返回的值。 首先,让我们了解什么是Cookie和它的子键。Cookie是一种在客户端存储小量信息的方法,它由...
除了基本的名、值和过期时间,还可以设置Cookie的域(domain)、路径(path)和安全性(secure)。域决定了哪个站点可以访问Cookie,路径规定了哪些页面可以读取,而安全属性则确保只有在HTTPS连接下才能发送Cookie...
2. JavaScript操作Cookie JavaScript可以通过document.cookie属性来读取、设置和删除cookie。document.cookie是一个字符串,包含了当前域下的所有cookie,各cookie之间以分号和空格分隔。 3. 读取Cookie 要读取特定...
**纯JavaScript操作Cookie** 在JavaScript中,我们可以使用内置的`document.cookie`属性来操作Cookie。但是,`document.cookie`是一个字符串,直接操作起来并不方便,因此通常需要封装成函数进行处理。 1. **设置...
JS的COOKIE设置和清楚,写好的一个函数,方便调用,可直接写成函数的方式
Js 操作cookie源码封装Js 操作cookie源码封装
在Java Web开发中,通常使用Servlet API来设置Cookie。以下是一个示例,展示了如何在响应头中添加带有HttpOnly属性的Cookie: ```java response.setHeader("Set-Cookie", "username=JohnDoe; Path=/; HttpOnly"); `...
### JavaScript操作Cookie知识点详解 #### 一、Cookie简介 Cookie是一种小型的数据文件,通常由服务器发送到客户端(浏览器),客户端将这些数据存储在本地硬盘上,并在后续与该服务器进行交互时将数据发送回...
设置cookie主要涉及以下几个步骤: 1. 创建一个键值对对象,例如`{key: 'username', value: 'JohnDoe'}`。 2. 将对象转换为字符串,以便在HTTP头部中发送。可以使用`encodeURIComponent`函数对键和值进行编码,防止...
本篇文章将基于提供的代码片段深入探讨如何使用JavaScript(简称JS)来操作Cookie,包括设置、获取以及删除Cookie等核心功能,并进一步解释这些功能如何帮助实现一个基本的购物车系统。 #### 一、设置Cookie 设置...
并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 我们知道,Cookie是存储在客户端的,并且现在前后端分离慢慢变得流行起来,因此如何在浏览器上可以使用方便快捷的...