《如何用js向cookie中保存数据,取数据(js cookie存取)》正文开始,本次阅读大概3分钟。
新建一个html页面,命名为test.html,用于讲解cookie的存储和读取方法。
在test.html页面,新建一个createCookie()函数,用于实现cookie的创建,createCookie() 函数有三个参数,第一个是cookie的名称,第二个是cookie需要保存的数据,第三个是过期的时间。
在createCookie()函数内,使用new Date()获得当前的时间,使得setTime()、getTime()方法将时间转换为时间戳,再通过 toGMTString()方法转换为字符串类型。
使用document.cookie来设置cookie,将cookie的名称、过期时间拼接成字符串,并赋值给ocument.cookie来完成cookie的设置。
编写一个readCookie()函数用于cookie的读取,因为js中的cookie是一个包括名称、过期时间等信息的字符串,需要使用split()方法,把字符串按分号分隔转换成数组。。
在readCookie()函数内,通过for循环、while循环在cookie数组中找到cookie名称的值,即保存的数据,并使用return把cookie保存的数据返回。代码如下:
通过createCookie()方法保存cookie数据 ,并使用readCookie()函数读取cookie数据。例如,cookie保存数据的名称为aa ,数据内容为“123456”。