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

js操作cookie

 
阅读更多

直接上代码吧,清楚明了。

cookie的查看局势到cookie的路径下看看打开文件,看看有没有。(记得右键刷新)

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ page import="java.util.*" %>
<%@ page import="javax.servlet.http.*" %>
<%
	String path = request.getContextPath();
%>
<% 
  //Cookie coo1 = new Cookie("key1", "value1"); 
  //coo1.setMaxAge(60000); 
  //coo1.setPath("/");
 // response.addCookie(coo1); 
%> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Single Series Column 2D Chart</title>
<script src="<%=path%>/script/jquery-1.7.1.js" type="text/javascript"></script>
</head>

<body style=" overflow-y:scroll;overflow-x:auto;">
<input type="hidden" id="path" value="<%=path%>" />
<p align="center">java操作cookie</p>
<input type="button" id="chaxun" value="添加cookie" onclick="chaxun();"/>
<input type="button" id="showcookie" value="显示所有cookie" onclick="showcookie();"/>
<input type="button" id="delcookie" value="删除cookie" onclick="delcookie();"/>
<input type="button" id="editcookie" value="修改cookie" onclick="editcookie();"/>

<hr>
<p align="center">js操作cookie</p>
<input type="button" id="jsaddcookie" value="js添加cookie" onclick="jsaddcookie();"/>
<input type="button" id="jsshowcookie" value="js显示所有cookie" onclick="jsshowcookie();"/>
<input type="button" id="jsdelcookie" value="js删除cookie" onclick="jsdelcookie();"/>
<input type="button" id="jseditcookie" value="js修改cookie" onclick="jseditcookie();"/>
<hr>

<textarea id="txt" cols="80" rows="20"></textarea>
<input type="button"  value="清空内容" onclick="javascript:txt.value='';"/>
<script type="text/javascript">
var path=document.getElementById("path").value;


//查询
function chaxun(){
	var urlpath=path+'/report/addcookie.action?dd='+Math.random();
	$.ajax({
		   type: "POST",
		   url: urlpath,
		   success: validateBack
		});
}

function validateBack(msg){
	 var mm=$.trim(msg);
     if(mm=="NO"){
     }else{
	    // alert(mm);
     }
}


//showcookie
function showcookie(){
	var urlpath=path+'/report/showcookie.action?dd='+Math.random();
	$.ajax({
		   type: "POST",
		   url: urlpath,
		   success: showcookieBack
		});
}

function showcookieBack(msg){
	 var mm=$.trim(msg);
     if(mm=="NO"){
     }else{
	    // alert(mm);
     }
}

//delcookie
function delcookie(){
	var urlpath=path+'/report/delcookie.action?dd='+Math.random();
	$.ajax({
		   type: "POST",
		   url: urlpath,
		   success: delcookieBack
		});
}

function delcookieBack(msg){
	 var mm=$.trim(msg);
     if(mm=="NO"){
     }else{
	    // alert(mm);
     }
}

//delcookie
function editcookie(){
	var urlpath=path+'/report/editcookie.action?dd='+Math.random();
	$.ajax({
		   type: "POST",
		   url: urlpath,
		   success: editcookieBack
		});
}

function editcookieBack(msg){
	 var mm=$.trim(msg);
     if(mm=="NO"){
     }else{
	    // alert(mm);
     }
}

///////////////////////////////////------js-----操作cookie------///////////////////////////////////////////

function jsaddcookie(){
	var expiresDate=new Date();
	expiresDate.setMonth(expiresDate.getMonth()+1);//设置cookie失效日期,是个具体的日期值,要用GMT格式,可以自定义日期
	
	//和java类似,除了name和value没用属性=值得方式,而是直接cookie名称=cookie值,
	//其他的属性都是属性名称=属性值的形式(expires,path,domain,secure)
	var cookieStr="cookiexxxxName="+encodeURI("中文名称")
	 +";expires="+expiresDate.toGMTString()
	 +";path=/"
	 //+";domain="
	 +";secure";
	 
	document.cookie=$.trim(cookieStr);
}
/*
 遍历后的结果如下:
 
 JSESSIONID=47BD54C0CD6284F0DBFB0EC2333722EC
 cookiexxxxName=%E4%B8%AD%E6%96%87%E5%90%8D%E7%A7%B0haha

 知道了这公司数据结构,如果要找某个cookie,只需要在for循环里
 再把值cookiexxxxName=%E4%B8%AD%E6%96%87%E5%90%8D%E7%A7%B0haha
 做拆分,split("="),这样就能根据名称判断是不是你找的那个cookie了。
 
 function getCookieByName(cookiename){
	if (document.cookie.length>0){
	    var cookies=document.cookie.split(";");
	    if(cookies.length>0){
	    	for(var i=0;i<cookies.length;i++){
	    		var ck=cookies[i];
	    		var arr=ck.split("=");
	    		if(arr.length>1){
	    			var key=arr[0];
	    			if(key==cookiename){
	    				alert("找到这个cookie了");
	    			}
	    		}
	    	}//end for
	    }
	    
	}//end if
}
 
 */
function jsshowcookie(){
	var allcookies="";
	if (document.cookie.length>0){
	    var cookies=document.cookie.split(";");
	    if(cookies.length>0){
	    	for(var i=0;i<cookies.length;i++){
	    		var ck=cookies[i];
	    		//注意中文解码decodeURI
	    		allcookies+=decodeURI(ck)+"\r\n";
	    	}//end for
	    }
	    
	}//end if
	$("#txt").val(allcookies);
}

function jsdelcookie(){
	var delcookie="cookiexxxxName";//要删除的cookie名称
	var expiresDate=new Date();
	expiresDate.setMonth(expiresDate.getTime()-1);//设置cookie失效日期,是个具体的日期值,要用GMT格式,可以自定义日期
	
	document.cookie=delcookie+"="
	              +";path=/"
	              +";expires="+expiresDate.toGMTString();
	//删除时出现了在java中遇到的相同问题,就是必须设置path!。不然浏览器找不到cookie,当然也就删不了了。
}
function jseditcookie(){
	var editcookie="cookiexxxxName";//要修改的cookie名称
	var expiresDate=new Date();
	expiresDate.setMonth(expiresDate.getMonth()+1);//设置cookie失效日期,是个具体的日期值,要用GMT格式,可以自定义日期
	
	var zhvalue=encodeURI("中文名称haha");
	document.cookie=editcookie+"="+zhvalue
	              +";path=/"
	              +";expires="+expiresDate.toGMTString();
	//修改时出现了在java中遇到的相同问题,就是必须设置path!。不然浏览器找不到cookie,当然也就修改不了了;
	//同时还要设置失效日期expires,不设置的话默认是0,相当于删除!
}

//如果要删除或者修改指定名称的cookie,只需要在查询所有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