jsでCookieに値を入れたり取得したりする方法（グラフィックチュートリアル）

以下は、js で cookie に値を入力および取得する方法です。興味のある学生はご覧ください。

まず、なぜ値が Cookie に保存されるのかという、理解する必要がある基本的な概念があります。 JSP ページの場合は、必要な保存値を取得するためにセッション オブジェクトを完全に使用する必要はありません。もちろん、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>

第 2 ステップ: 値を保存します

$.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})

第 3 ステップ: 値を取得します

var locateCity = $.cookie('locateCity');

上記は私がやったものです皆さんのためにまとめましたので、今後皆さんのお役に立てれば幸いです。

関連記事:

JavaScriptは受信用のバックグラウンドへのファイルのアップロードを実装

タグがJavaScriptを呼び出す仕組み

JavaScriptの5つの一般的な関数の詳細な説明

以上がjsでCookieに値を入れたり取得したりする方法（グラフィックチュートリアル）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。