JS cookieのライブラリ

jQuery cookieの後継のライブラリのサンプルです。

jQuery.cookie.jsの作者が後継として置き換えたJSのライブラリを利用するサンプルです。

もちろんjQueryと一緒に使ってもよいライブラリなので、併用した事例が以下になります。

<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>


$(document).ready(function(){
    exp_day = 365 * 3;

    name = Cookies.get('name');
    $("#name_text").html(name);
    $("#name_form").val(name);
});

$(document).on('click', '#demo_save_btn', function() {
    n = $("#name_form").val();
    Cookies.set('name', n, { expires: exp_day })

    name = Cookies.get('name');
    $("#name_text").html(name);

});

$(document).on('click', '#demo_delete_btn', function() {
    Cookies. remove('name')

    name = Cookies.get('name');
    $("#name_text").html(name);

});

現在設定されているデータ：

クッキー保存

クッキー削除

HTMLはこちら

<div>現在設定されているデータ：<span id="name_text"></span></div>

<input type="text" name="job_no" size="20" value="" id="name_form">
<hr>
<div id="demo_save_btn" class="btn">クッキー保存</div>
<hr>
<div id="demo_delete_btn" class="btn">クッキー削除</div>

本家のサイトはこちらです。

https://github.com/js-cookie/js-cookie