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

下面是我给大家整理的在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中放值和取值（图文教程）的详细内容，更多请关注php中文网其它相关文章！