js中如何往cookie中放值和取值

本文介绍如何使用jQuery Cookie插件来存储和读取城市定位信息,以便在用户下次访问网页时能够记住之前的位置。适用于移动端及HTML页面开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     首先这里有个最基本的概念需要了解,为什么往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');





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值