多语言展示
当前在线:1863今日阅读:31今日分享:25

如何用js向cookie中保存数据,取数据

在js中,cookie可以实现数据在一定的时间内保存在用户浏览器端,并可以通过一定的方法取出来。下面介绍如何用js向cookie中保存数据,取数据。
方法/步骤
1

新建一个html页面,命名为test.html,用于讲解cookie的存储和读取方法。

2

在test.html页面,新建一个createCookie()函数,用于实现cookie的创建,createCookie() 函数有三个参数,第一个是cookie的名称,第二个是cookie需要保存的数据,第三个是过期的时间。

3

在createCookie()函数内,使用new Date()获得当前的时间,使得setTime()、getTime()方法将时间转换为时间戳,再通过 toGMTString()方法转换为字符串类型。

4

使用document.cookie来设置cookie,将cookie的名称、过期时间拼接成字符串,并赋值给ocument.cookie来完成cookie的设置。

5

编写一个readCookie()函数用于cookie的读取,因为js中的cookie是一个包括名称、过期时间等信息的字符串,需要使用split()方法,把字符串按分号分隔转换成数组。。

6

在readCookie()函数内,通过for循环、while循环在cookie数组中找到cookie名称的值,即保存的数据,并使用return把cookie保存的数据返回。代码如下:

7

通过createCookie()方法保存cookie数据 ,并使用readCookie()函数读取cookie数据。例如,cookie保存数据的名称为aa ,数据内容为“123456”。

8

在浏览器运行test.html文件,查看读取的cookie,结果为“123456”,成功实现获得cookie保存的数据。

推荐信息