首頁 > web前端 > js教程 > js中如何往cookie中放值和取值(圖文教學)

js中如何往cookie中放值和取值(圖文教學)

亚连
發布: 2018-05-18 15:55:20
原創
2413 人瀏覽過

以下是我給大家整理的在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板