JavaScript Cookie – Cookieを作成、読み取り、削除する方法は?

クッキーは小さなテキストファイルに保存されたデータです。これは、ユーザー情報をWebページに保存し、後でユーザーの詳細を記憶するのに役立ちます。

Cookieは、ユーザー情報をWebページに保存するのに役立ちます。これは、訪問者のエクスペリエンスやサイトの統計を向上させるために必要な、好み、購入、手数料、およびその他の情報を記憶および追跡するための最も効率的な方法の1つです。これで Cookieの記事では、次の順序でCookieの詳細について説明します。

クッキーとは何ですか?

Cookieは、システム内の小さなテキストファイルに保存されるデータです。 WebサーバーがWebページをブラウザーに送信すると、接続がシャットダウンされ、サーバーはユーザーに関するすべてのことを忘れます。





Cookieは、ユーザーに関する情報を記憶するという問題を解決するために考案されました。例えば:

  • ユーザーがWebページにアクセスすると、そのユーザーの名前をCookieに保存できます。



  • 次回ユーザーがページにアクセスすると、Cookieはユーザー名を記憶します。

すべてのWebページの中でユーザーの情報を記憶しています。情報が含まれています 次のようなセミコロンで区切られた名前と値のペアの形式。

ユーザー名=デイジーグリーン

では、これらのCookieがどのように機能するかを見てみましょう。



サンプルプログラムを使用したC ++での動的メモリ割り当て

それはどのように機能しますか?

サーバーは、Cookieの形式で訪問者のブラウザにデータを送信します。これで、ブラウザはCookieを受け入れる可能性があります。含まれている場合は、訪問者のハードドライブにプレーンテキストレコードとして保存されます。

cookie- javascriptcookies-edureka訪問者がサイトの別のページにアクセスすると、ブラウザは同じCookieをサーバーに送信して取得します。取得されると、サーバーは以前に保存されたものを認識または記憶します。

クッキーはで構成されています 5つの可変長フィールド

  • 有効期限が切れます &minusこれはCookieの有効期限が切れる日付を示します。これが空白の場合、訪問者がブラウザを終了するとCookieは期限切れになります。

  • ドメイン &minusドメインフィールドは、サイトのドメイン名を提供します。

  • &minusCookieを設定するディレクトリまたはWebページへのパスです。任意のディレクトリまたはページからCookieを取得する場合は、これを空白のままにすることができます。

    文字列を日付に変換する方法
  • 安全 &minusこのフィールドに「secure」という単語が含まれている場合、Cookieはセキュアサーバーでのみ取得できます。このフィールドが空白の場合、そのような制限はありません。

  • 名前=値 &minusこれは、キーと値のペアの形式で設定および取得されるCookieを示します。

Cookieとは何か、どのように機能するかがわかったところで、JavaScriptCookieについて詳しく見ていきましょう。

JavaScriptクッキー

JavaScriptでは、Documentオブジェクトのcookieプロパティを使用してCookieを操作できます。 JavaScriptは、現在のWebページに適用されるCookieを読み取り、作成、変更、および削除できます。それでは、例を見て、JavaScriptでCookieがどのように使用されるかを理解しましょう。

クッキーを作成する

JavaScriptはでCookieを作成できます document.cookie プロパティ。次の方法でCookieを作成できます。

document.cookie = 'username = Daisy Green'

Cookieの有効期限を追加することもできます。デフォルトでは、ブラウザを閉じるとCookieは削除されます。

document.cookie = 'username = Daisy Green expires = Mon、26 Aug 2019 12:00:00 UTC'

パラメータを使用して、Cookieが属するパスをブラウザに通知することもできます。デフォルトでは、Cookieは現在のページに属します。

document.cookie = 'username = Daisy Green expires = Mon、26 Aug 2019 12:00:00 UTC' path = / '

クッキーを読む

document.cookieオブジェクトの値がcookieであるため、cookieの読み取りは書き込みと同じくらい簡単です。この文字列は、Cookieにアクセスするときにいつでも使用できます。 document.cookie文字列は、セミコロンで区切られたname = valueペアのリストを保持します。ここで、nameはCookie名を表し、valueはその文字列値です。

JavaScript Cookieは、次の方法で読み取ることができます。

var x = document.cookie

例: