首页 / JAVASCRIPT / js中如何往cookie中放值和取值（图文教程）

js中如何往cookie中放值和取值（图文教程）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js中如何往cookie中放值和取值（图文教程），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1422字，纯文字阅读大概需要3分钟。

内容图文

下面是我给大家整理的在js中如何往cookie中放值和取值，有兴趣的同学可以去看看。

首先这里有个最基本的概念需要了解，为什么往cookie中存放值。如果你的是jsp页面，那么没有必要，完全使用session对象可以实现你想要的存放的值，当然用cookie也不是不可以。

如果是移动端开发或者单纯的html页面想要存放值在下次打开页面还有效的时候，就得用到cookie了。我使用的前端js插件是jquery.cookie.js。这个可以在网上下载下来，最基本的用法也很简单

第一步：引入js

    <script src="/XX/js/login/jquery-1.5.1.min.js"></script>
     <script src="/XX/js/login/jquery.cookie.js"></script>

第二步：存放值

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
一步写到位，不要轻易把path去掉。不然只能在当前js使用，我吃过亏的
举个实例吧：
需求：城市定位，需要下次进入页面时记住上次自动定位的城市名字或者手动选择的城市名字
百度地图API功能
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(r){
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
               var 城市名= r.address.city；（拿到的城市名字）
        //往cookie里面放城市名称
          $.cookie('locateCity', 城市名, { expires: 7 ,path:'/'});
            }
            else {
                //alert('failed'+this.getStatus());
                mui.alert("城市定位失败");
            }        
        },{enableHighAccuracy: true})

第三步：取值

var locateCity = $.cookie('locateCity');

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

javascript实现上传文件到后台接收

a标签如何调用JavaScript

JavaScript中五大常见函数详解

以上就是js中如何往cookie中放值和取值（图文教程）的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的js中如何往cookie中放值和取值（图文教程）全部内容，希望文章能够帮你解决js中如何往cookie中放值和取值（图文教程）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/290274.html

来源：【匿名】