js如何获取浏览器中的cookie

来源：互联网 2023-03-17 00:47:31 版权归原作者所有，如有侵权，请联系我们

cookie是用来保存用户的一些不涉及安全的数据的，可以用来改善用户访问网站的体验。我们可以在后台访问cookie，也可以在前端使用js来访问cookie，下面我们就来看一下js是如何访问cookie的。

方法/步骤

为了方便操作，我们引入jquery.cookie插件来操作，避免原生js的繁琐操作。先引入相关的脚本。

js如何获取浏览器中的cookie

引入脚本后，要读取cookie就很简单了，使用$.cookie('cookie_name’）方法，其中参数为cookie的名称，这样就可以得到对应的值了。

js如何获取浏览器中的cookie

我们打开浏览器，访问页面，在控制台上看到现在输出的是undefined，这是因为我们读取的cookie还没有设置过呢。

js如何获取浏览器中的cookie

我们可以用js先设置cookie的值，使用刚才的方法，传入二个参数，分别为cookie的名称和值，就可以设置了。

js如何获取浏览器中的cookie

设置后再读取它的值，运行页面，可以看到能正确读取到了。

js如何获取浏览器中的cookie

在设置cookie时，我们可以传入第三个参数，一个对象参数，可以设置一个expire的属性，这主要是设置cookie的过期时间的，现在值为1，就是一天后过期了。如果过期后，再去读取这个cookie，也是取不到值的。

js如何获取浏览器中的cookie

对象参数还可以设置path值，这是设置cookie的保存路径，如果是设置根目录 '/'，则是整个站点的页面都可以读取到这个cookie的值的。

js如何获取浏览器中的cookie

7此文章非法爬取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY