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