2020.07.17

jQuery

jQueryプラグイン jquery.cookie.jsの使い方

jQueryプラグイン、jquery.cookie.jsの使い方です。まず前提としてcookieはhttp通信でサーバー側からクライアント側に渡されるため、ローカルでは動作しません。アップロードして確認する必要があります。

使い方の一例としてフォーム送信時の判定です。まずcookieの名前を指定してcookieの値を取り出し、変数に格納します。そしてcookieが格納されていればenqDone関数を実行、格納されていなければ変数はundefinedとなりenqDone関数は実行されません。

//cookieの取得
var cookieCheck = $.cookie('enqStatus');
if(cookieCheck){ enqDone(); }

フォーム送信時はcookieを保存します。cookieの値は「enqFinish」としています。オプションで有効期限を2年間にしています。これで次回ページアクセス時はcookieが有りの判定となりenqDone関数が実行されます。有効期限を設定しない場合、ブラウザ終了時にcookieは削除されます。

//cookieの保存
$.cookie('enqStatus', 'enqFinish', { expires: 730 });

明示的にcookieを削除する場合は、removeCookieでcookieの名前を指定してcookieの値を削除します。

//cookieの削除
if(cookieCheck){ $.removeCookie('enqStatus'); }

関連記事

2020.09.21

jQuery

jQueryで兄弟要素を取得(next・nextAll・prev・prevAll・siblings)

デモページはこちら jQueryで兄弟要素(同階層の要素)を取得するメソッドのまとめです。対象要素の直後の要素を取得するnext、対象要素の直後以降の要素を全て…

2020.09.13

jQuery

jQueryのDeferredオブジェクトを利用した同期処理

デモページはこちら svgロードアニメーションをフェードアウトする処理を、jQueryのDeferredオブジェクトを利用して同期処理(非同期処理を待つ処理)で…

2020.09.23

jQuery

ページ最下部でトップへ戻るボタンを表示

デモページはこちら ユーザーがページ最下部までスクロールしたタイミングで、トップへ戻るボタンをフェードインで表示します。ボタンをクリックまたはページ最下部よりも…

2020.09.06

jQuery

jQueryで発生したエラーの対処法

コンソールでjQueryのエラーが発生した場合の対処法です。エラー発生の有無はjQueryのバージョンやfull版・slim版の違いによっても異なります。1系や…

2020.08.16

jQuery

loadメソッドでhtmlファイルを読み込み

jQueryのloadメソッドはajaxの機能を限定的にした簡易版のような位置づけで、htmlファイルを読み込んで出力するだけの機能に特化しています。空のdiv…

上に戻る