登录  /  注册
首页 > web前端 > js教程 > 正文

js中如何往cookie中放值和取值(图文教程)

亚连
发布: 2018-05-18 15:55:20
原创
2155人浏览过

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

第三步:取值

var locateCity = $.cookie(&#39;locateCity&#39;);
登录后复制

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

相关文章:

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

a标签如何调用JavaScript

JavaScript中五大常见函数详解

以上就是js中如何往cookie中放值和取值(图文教程)的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号