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
