`
西北小强
  • 浏览: 344798 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js操作cookie

阅读更多

今天写的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 操作cookie.js

    javascript 操作cookiejavascript 操作cookiejavascript 操作cookie

    JS设置cookie和获取cookie 方法

    js写的方法,可以设置cookie和获取cookie值,简单易懂

    js操作cookie(增删改查)

    总的来说,JavaScript操作Cookie主要涉及设置、获取、更新和删除四个基本操作,理解这些操作对于前端开发人员来说至关重要,因为它涉及到用户数据的本地存储和管理。通过使用像`CookieUtil.js`这样的工具库,可以更...

    js操作Cookie子键+Jquery调用Ajax方法执行后台操作

    本文将深入探讨如何使用JS操作Cookie的子键,以及如何利用jQuery的Ajax方法进行无刷新的数据提交,并接收后台返回的值。 首先,让我们了解什么是Cookie和它的子键。Cookie是一种在客户端存储小量信息的方法,它由...

    JS操作Cookie

    除了基本的名、值和过期时间,还可以设置Cookie的域(domain)、路径(path)和安全性(secure)。域决定了哪个站点可以访问Cookie,路径规定了哪些页面可以读取,而安全属性则确保只有在HTTPS连接下才能发送Cookie...

    js操作cookie.pdf

    2. JavaScript操作Cookie JavaScript可以通过document.cookie属性来读取、设置和删除cookie。document.cookie是一个字符串,包含了当前域下的所有cookie,各cookie之间以分号和空格分隔。 3. 读取Cookie 要读取特定...

    js对cookie操作的封装

    **纯JavaScript操作Cookie** 在JavaScript中,我们可以使用内置的`document.cookie`属性来操作Cookie。但是,`document.cookie`是一个字符串,直接操作起来并不方便,因此通常需要封装成函数进行处理。 1. **设置...

    JS设置COOKIE清楚的方法

    JS的COOKIE设置和清楚,写好的一个函数,方便调用,可直接写成函数的方式

    Js 操作cookie源码封装

    Js 操作cookie源码封装Js 操作cookie源码封装

    cookie中设置了HttpOnly属性,那么通过js脚本将无法读取到cookie信息,这样能有效的防止XSS攻击.zip_js设置cookie值

    在Java Web开发中,通常使用Servlet API来设置Cookie。以下是一个示例,展示了如何在响应头中添加带有HttpOnly属性的Cookie: ```java response.setHeader("Set-Cookie", "username=JohnDoe; Path=/; HttpOnly"); `...

    javascript操作cookie

    ### JavaScript操作Cookie知识点详解 #### 一、Cookie简介 Cookie是一种小型的数据文件,通常由服务器发送到客户端(浏览器),客户端将这些数据存储在本地硬盘上,并在后续与该服务器进行交互时将数据发送回...

    通过js来设置cookie和读取cookie,实现登陆时记住密码的功能

    设置cookie主要涉及以下几个步骤: 1. 创建一个键值对对象,例如`{key: 'username', value: 'JohnDoe'}`。 2. 将对象转换为字符串,以便在HTTP头部中发送。可以使用`encodeURIComponent`函数对键和值进行编码,防止...

    JS操作Cookie 大全

    本篇文章将基于提供的代码片段深入探讨如何使用JavaScript(简称JS)来操作Cookie,包括设置、获取以及删除Cookie等核心功能,并进一步解释这些功能如何帮助实现一个基本的购物车系统。 #### 一、设置Cookie 设置...

    浏览器中使用JS操作Cookie详解

    并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 ​我们知道,Cookie是存储在客户端的,并且现在前后端分离慢慢变得流行起来,因此如何在浏览器上可以使用方便快捷的...

Global site tag (gtag.js) - Google Analytics