如何重复为cookie添加数据 或者替换cookie数据

Djxiaotaiyang 2018-07-08 08:27:59
需求是 页面加载的时候获取到cookie 是一个二维数组 然后是在点击事件后为这个二维数组重新赋值 或者替换该数组 或者追加数据 都可以 再次刷新页面后获取到点击事件后重新赋值的数据，

为什么我替换不掉昵，获取的永远都是初始化的数据

代码太多了就不贴了！

那位大神能给个小例子 借鉴一下 在线等
...全文
767 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
ambit_tsai-微信 2018-07-09
  • 打赏
  • 举报
 回复
引用 4 楼 Djxiaotaiyang 的回复:
你这个我有点没看懂 感觉有点复杂。

我这个是这么做的 在页面初始化的时候我设置了一个cookie cookie的值是一个数组 array[{}]

然后在页面加载完成后 点击按钮的时候获取页面的一些值，然后获取的cookie array[{}] 对这个数组添加一个json数据。

然后在刷新页面的时候获取到 array[{},{}] 赋值后的数据。以此类推。 但是我不知道是我没传进去 还是杂回事 取到的都是 array[{}] 初始化的数据

有一点，你要注意一下，cookie中只能存字符串，所以你读取的时候要进行转换。


JSON.stringify(arr); 	// 将数组转换成JSON字符串

JSON.parse(str);	// 将字符串转换成对象（在这里是数组对象）

微信：ambit_tsai。QQ群：663286147。
qq_34660456 2018-07-09
  • 打赏
  • 举报
 回复
引用 9 楼 qq_34660456 的回复:
[quote=引用 8 楼 ambit_tsai 的回复:]
[quote=引用 7 楼 Djxiaotaiyang的回复:][quote=引用 6 楼 ambit_tsai 的回复:]
[quote=引用 4 楼 Djxiaotaiyang 的回复:]

你这个我有点没看懂 感觉有点复杂。

我这个是这么做的 在页面初始化的时候我设置了一个cookie cookie的值是一个数组 array[{}]

然后在页面加载完成后 点击按钮的时候获取页面的一些值，然后获取的cookie array[{}] 对这个数组添加一个json数据。

然后在刷新页面的时候获取到 array[{},{}] 赋值后的数据。以此类推。 但是我不知道是我没传进去 还是杂回事 取到的都是 array[{}] 初始化的数据

有一点，你要注意一下，cookie中只能存字符串，所以你读取的时候要进行转换。


JSON.stringify(arr); 	// 将数组转换成JSON字符串

JSON.parse(str);	// 将字符串转换成对象（在这里是数组对象）

微信：ambit_tsai。QQ群：663286147。
[/quote]我转了 但是还是赋值不了[/quote]
那应该是你写错了，如下用


document.cookie = 'arr='+JSON.stringify(arr);
[/quote]






var Cookie = $.cookie('value');

var array = [{"id":"0"}],

console.log(Cookie)

if(Cookie ==undefined){

var String = JSON.stringify(array );

$.cookie('value',String,{

           expires: 7,

 });



}else{

var obj = eval('(' + Cookie + ')');

 var CookieArrayObj={

"id":"1"

}

    obj.push(CookieArrayObj);

var String = JSON.stringify(obj);

 $.cookie('value',String,{

                    expires: 7,

                    path: '/'

                });

}



获取cookie的时候 能获取到二次添加的数据
[/quote]说错了是不能获取二次添加的数据
qq_34660456 2018-07-09
  • 打赏
  • 举报
 回复
引用 8 楼 ambit_tsai 的回复:
[quote=引用 7 楼 Djxiaotaiyang的回复:][quote=引用 6 楼 ambit_tsai 的回复:]
[quote=引用 4 楼 Djxiaotaiyang 的回复:]

你这个我有点没看懂 感觉有点复杂。

我这个是这么做的 在页面初始化的时候我设置了一个cookie cookie的值是一个数组 array[{}]

然后在页面加载完成后 点击按钮的时候获取页面的一些值，然后获取的cookie array[{}] 对这个数组添加一个json数据。

然后在刷新页面的时候获取到 array[{},{}] 赋值后的数据。以此类推。 但是我不知道是我没传进去 还是杂回事 取到的都是 array[{}] 初始化的数据

有一点，你要注意一下，cookie中只能存字符串，所以你读取的时候要进行转换。


JSON.stringify(arr); 	// 将数组转换成JSON字符串

JSON.parse(str);	// 将字符串转换成对象（在这里是数组对象）

微信：ambit_tsai。QQ群：663286147。
[/quote]我转了 但是还是赋值不了[/quote]
那应该是你写错了，如下用


document.cookie = 'arr='+JSON.stringify(arr);
[/quote]






var Cookie = $.cookie('value');

var array = [{"id":"0"}],

console.log(Cookie)

if(Cookie ==undefined){

var String = JSON.stringify(array );

$.cookie('value',String,{

           expires: 7,

 });



}else{

var obj = eval('(' + Cookie + ')');

 var CookieArrayObj={

"id":"1"

}

    obj.push(CookieArrayObj);

var String = JSON.stringify(obj);

 $.cookie('value',String,{

                    expires: 7,

                    path: '/'

                });

}



获取cookie的时候 能获取到二次添加的数据
ambit_tsai-微信 2018-07-09
  • 打赏
  • 举报
 回复
引用 7 楼 Djxiaotaiyang的回复:
[quote=引用 6 楼 ambit_tsai 的回复:]
[quote=引用 4 楼 Djxiaotaiyang 的回复:]

你这个我有点没看懂 感觉有点复杂。

我这个是这么做的 在页面初始化的时候我设置了一个cookie cookie的值是一个数组 array[{}]

然后在页面加载完成后 点击按钮的时候获取页面的一些值，然后获取的cookie array[{}] 对这个数组添加一个json数据。

然后在刷新页面的时候获取到 array[{},{}] 赋值后的数据。以此类推。 但是我不知道是我没传进去 还是杂回事 取到的都是 array[{}] 初始化的数据

有一点，你要注意一下，cookie中只能存字符串，所以你读取的时候要进行转换。


JSON.stringify(arr); 	// 将数组转换成JSON字符串

JSON.parse(str);	// 将字符串转换成对象（在这里是数组对象）

微信：ambit_tsai。QQ群：663286147。
[/quote]我转了 但是还是赋值不了[/quote] 那应该是你写错了，如下用 

document.cookie = 'arr='+JSON.stringify(arr);
Djxiaotaiyang 2018-07-09
  • 打赏
  • 举报
 回复
引用 6 楼 ambit_tsai 的回复:
[quote=引用 4 楼 Djxiaotaiyang 的回复:]

你这个我有点没看懂 感觉有点复杂。

我这个是这么做的 在页面初始化的时候我设置了一个cookie cookie的值是一个数组 array[{}]

然后在页面加载完成后 点击按钮的时候获取页面的一些值，然后获取的cookie array[{}] 对这个数组添加一个json数据。

然后在刷新页面的时候获取到 array[{},{}] 赋值后的数据。以此类推。 但是我不知道是我没传进去 还是杂回事 取到的都是 array[{}] 初始化的数据

有一点，你要注意一下，cookie中只能存字符串，所以你读取的时候要进行转换。


JSON.stringify(arr); 	// 将数组转换成JSON字符串

JSON.parse(str);	// 将字符串转换成对象（在这里是数组对象）

微信：ambit_tsai。QQ群：663286147。
[/quote]我转了 但是还是赋值不了
ambit_tsai-微信 2018-07-09
  • 打赏
  • 举报
 回复
引用 10 楼 qq_34660456 的回复:
说错了是不能获取二次添加的数据



var Cookie = $.cookie('value');

console.log('value=', Cookie);

var array = [{"id":"0"}];

if(Cookie === undefined){

	// 首字母大写的String是JS的基本类型,改成string

	var string = JSON.stringify(array);

	$.cookie('value', string, {

		expires: 7,

		path: '/'	// path设置成'/',不然第二次取出来的值可能不一样

	});

}else{

	var obj = eval('(' + Cookie + ')');

	var CookieArrayObj = {

		"id":"1"

	}

	obj.push(CookieArrayObj);

	var string = JSON.stringify(obj);

	$.cookie('value', string, {

		expires: 7,

		path: '/'

	});

}

luckczj 2018-07-08
  • 打赏
  • 举报
 回复
我还没有用参数你都没有懂就没有办法了，你还传了参数哦。good night
Djxiaotaiyang 2018-07-08
  • 打赏
  • 举报
 回复
引用 3 楼 luckczj 的回复:
可以看到内容的变化。


你这个我有点没看懂 感觉有点复杂。

我这个是这么做的 在页面初始化的时候我设置了一个cookie cookie的值是一个数组 array[{}]

然后在页面加载完成后 点击按钮的时候获取页面的一些值，然后获取的cookie array[{}] 对这个数组添加一个json数据。

然后在刷新页面的时候获取到 array[{},{}] 赋值后的数据。以此类推。 但是我不知道是我没传进去 还是杂回事 取到的都是 array[{}] 初始化的数据
luckczj 2018-07-08
  • 打赏
  • 举报
 回复
可以看到内容的变化。
luckczj 2018-07-08
  • 打赏
  • 举报
 回复
luckczj 2018-07-08
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
//设置cookie的值
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + escape(cvalue) + "; " + expires;
}
//读Cookie
function getCookie(objName) {//获取指定名称的cookie的值
var arrStr = document.cookie.split("; ");
for (var i = 0; i < arrStr.length; i++) {
var temp = arrStr[i].split("=");
if (temp[0] == objName) return unescape(temp[1]);
}
return "";
}
function SaveArray1()
{
var arr = [[1,2,4,6],[2,4,7,8],[8,9,10,11],[9,12,13,15]];
var info="";
for(var i=0;i<4;i++)
{
for(var j=0;j<4;j++)
{
if(j==0)
{
info+=arr[i][j];
}
else
{
info+=" "+arr[i][j];
}
}
if(i!=3)info+="\r\n";
}
setCookie("sz",info,1);
}
function SaveArray2()
{
var arr = [[9,12,13,15],[8,9,10,11],[2,4,7,8],[1,2,4,6]];
var info="";
for(var i=0;i<4;i++)
{
for(var j=0;j<4;j++)
{
if(j==0)
{
info+=arr[i][j];
}
else
{
info+=" "+arr[i][j];
}
}
if(i!=3)info+="\r\n";
}
setCookie("sz",info,1);
}
function ReadArray()
{
var txt=document.getElementById("txtArray");
var info=getCookie("sz");
txt.value=info;
}
</script>
</head>

<body>
<p>
<label>数组内容：<br />
</label>
<label for="txtArray"></label>
<textarea name="txtArray" cols="50" rows="6" id="txtArray"></textarea>
<label></label>
</p>
<p>
<input type="button" name="btSave1" id="btSave1" value="保存数组1" onclick="SaveArray1()"/>
<input type="button" name="btSave2" id="btSave2" value="保存数组2" onclick="SaveArray2()"/>
<input type="button" name="btRead" id="btRead" value="读取" onclick="ReadArray()"/>
</p>
</body>
</html>
Java Web如何操作Cookie的添加修改和删除
一、Cookie是什么 Cookie是服务器存放在客户端浏览器上的一些小数据，可以使用Cookie完成与服务器的一些交互动作。服务器可以通过HTTP响应头将Cookie发送给浏览器，而浏览器如果支持存储Cookie，则将HTTP响应头信息中的Cookie内容存放到浏览器中。当浏览器请求访问一个网站时，如果这个网站在此浏览器中存放有Cookie内容，浏览器会将Cookie内容附加到HTTP请求头信息中发送给服务器。鉴于此，Cookie存放的内容是不宜过多的，一般浏览器也是这样规定的。 浏览器应该支持每台
Cookie以及JS对Cookie的操作,附源码
Hi,I'm Shendi 因为最近整前后端分离项目,需要使用到cookie,于是就封装了一下,源码放到了最后 目录 Cookie 查看浏览器中的Cookie Cookie有什么用? JS操作Cookie 添加Cookie 获取Cookie 删除Cookie 源码 Cookie 首先讲一下Cookie Cookie是保存在浏览器上的一串数据,每一个网站都有不同的cookie. Cookie的格式是键值对形式:键=值;键=值;..... 查看浏览器中的Cook...
企业微信无法带Cookie请求头字段：或Cookie字段失效
遇到问题：同样的代码在pc端chorme浏览器，可以正常在请求头上带上Cookie，但是在企业微信，就不可以。就算我自己写一个Cookie的请求头，并且赋值，但是后端还是获取到的Cookie为null 原因：Cookie的请求头是浏览器在HTTP请求的时候根据存在Cookie中的值自行去写入的，就算你自己配置一个名为Cookie的请求头，在最终请求的时候浏览器都会把其替换掉：替换成浏览自行填写的Cookie值。 因为pc正常浏览器是会把Cookie的数据填写到Cookie请求头中，在axios或axjx中的
js中如何往cookie中放值和取值
首先这里有个最基本的概念需要了解，为什么往cookie中存放值。如果你的是jsp页面，那么没有必要，完全使用session对象可以实现你想要的存放的值，当然用cookie也不是不可以。      如果是移动端开发或者单纯的html页面想要存放值在下次打开页面还有效的时候，就得用到cookie了。我使用的前端js插件是jquery.cookie.js。这个可以在网上下载下来，最基本的用法也很简单
loadrunner Web_类函数之web_add_cookie（）
web_add_cookie（）--常用函数 添加，删除或替换一个cookie。 在以下示例中，web_add_cookie函数将名为“client_id”的cookie添加到脚本可用的Cookie列表中。 该函数一般用于绕过登录主机访问登录页面去操作，模拟用户直接在线； Cookie值的作用是帮助我们保存部分数据内容，再就是帮我存储一个在线状态信息； web_add_cookie（“c...
JavaScript

87,994

社区成员

224,689

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章