【jQuery】jquery.cookie.jsのエラー対応

フロントエンドで、Cookieを取り入れる際、jQeuryのライブラリであるjquery.cookieを使うことが多かったのだが、jQuery自体が古いので通常のJavaScriptを書いた際に、エラーになることがあります。

対応方法

現在は、js-cookieという新しいのがあるので、そちらを採用します。

ダウンロード、CDN、npmを使う方法で読み込みます。

また、書き方もこれまでと少し違います。

/* ----- Cookieの取得 ----- */
// これまでのjquery.cookieを使った場合
$.cookie('name');
// 新しいjs-cookieでの書き方
Cookies.get('name');

/* ----- Cookieの保存 ----- */
// これまでのjquery.cookieを使った場合
$.cookie('name', 'value');
// 新しいjs-cookieでの書き方
Cookies.set('name', 'value');

/* ----- Cookieの削除 ----- */
// これまでのjquery.cookieを使った場合
$.removeCookie('name');
// 新しいjs-cookieでの書き方
Cookies.remove('name');

タイトルとURLをコピーしました