七天学会javascript第五天cookie和json的使用

在程序里面我们通常用cookie和session来存储一些信息,比如用户登录信息,关闭了浏览器依然记录了cookeie值,用户在打开浏览器就可以直接登录,或者根据分析cookie来推荐不同的商品,我们常见的淘宝广告,京东广告,百度联盟广告都会记录你的搜索记录,然后根据你的搜索记录去推荐商品,提高用户体验。反之不想推荐这个一般使用无痕模式去上网。

网上很多关于Cookies和Session的区别的文章,这里不做多的介绍,文章介绍一下怎么定义一个Cookies然后取值。我们看看相关语法。

怎么创建cookie,格式如下

document.cookie = "名称=值;path=路径;expires=生存周期";

注意:

1》默认情况下,cookie在当前文档或和当前文档平行文档或和当前文档平行的目录下才能使用。

2》生存周期:格林尼治时间。

七天学会javascript第五天cookie和json的使用

cookie的应用


cookie值可以跨页面使用。

七天学会javascript第五天cookie和json的使用

cookie的应用


cookie的使用

用;去拆分cookie然后循环里面的值,值等于某一特定的值就执行逻辑判断

var strCookie = document.cookie;

document.write(strCookie);

var arrCookie = strCookie.split("; ");

for(var i=0;i<arrcookie.length>

var arr = arrCookie[i].split("=");

if(arr[0]=="password"){

alert(arr[1]);

}

}

那什么是json呢

json是一种轻量级的数据交换格式。采用独立的语言文本格式。

格式:

var 变量名称 = {"名称":"值","名称":"值","名称":"值","名称":"值"};

我们看看怎么定义一个json

var user_1 = {"id":"1","username":"zhangsan","userpwd":"123456","usersex":"nan"};

var user_2 = {"id":"2","username":"zhangsan1","userpwd":"12345611","usersex":"nv"};

json可以定义成为数组

[

{"名称":"值","名称":"值","名称":"值","名称":"值"}

{"名称":"值","名称":"值","名称":"值","名称":"值"}

]

七天学会javascript第五天cookie和json的使用

json在网站中的运用


这个经常用于数据的交互。字符串转数组,数组转字符串。注意符合【】也是要存在的。

这个例子就是cookie和json的组合应用

七天学会javascript第五天cookie和json的使用

json在网站中的运用


把用户浏览记录存在cookie然后去重调取对应的数据

七天学会javascript第五天cookie和json的使用

通过cookie实现网站流量记录


上面这个demo就是通过cookie来记录用户浏览了哪些页面,然后添加了一个用户浏览记录的功能,也可以通过php实现,有兴趣的朋友快去试试吧

/<arrcookie.length>


分享到:


相關文章: