1、为了方便操作,我们引入jquery.cookie插件来操作,避免原生js的繁琐操作。先引入相关的脚本。
2、引入脚本后,要读取cookie就很简单了,使用$.cookie('cookie_name’)方法,其中参数为cookie的名称,这样就可以得到对应的值了。
3、我们打开浏览器,访问页面,在控制台上看到现在输出的是undefined,这是因为我们读取的cookie还没有设置过呢。
4、我们可以用js先设置cookie的值,使用刚才的方法,传入二个参数,分别为cookie的名称和值,就可以设置了。
5、设置后再读取它的值,运行页面,可以看到能正确读取到了。
6、在设置cookie时,我们可以传入第三个参数,一个对象参数,可以设置一个expire的属性,这主要是设置cookie的过期时间的,现在值为1,就是一天后过期了。如果过期后,再去读取这个cookie,也是取不到值的。
7、对象参数还可以设置path值,这是设置cookie的保存路径,如果是设置根目录 '/',则是整个站点的页面都可以读取到这个cookie的值的。