16クッキー操作

クッキーは、店舗の利用者情報のWebページに使用しました。

まず、クッキーとは何でしょうか？

クッキーは、お使いのコンピュータ上のテキストファイルに格納されたデータの一部です。

接続が閉じられた後、WebサーバーがブラウザにWebページを送信すると、サーバーは、ユーザー情報を記録しません。

クッキーの役割は、「どのようにクライアントのユーザー情報を記録するために」解決することです。

ユーザーがWebページにアクセスすると、彼の名前はクッキーに記録することができます。
ユーザーがページにアクセスすると、あなたはクッキーにユーザアクセスレコードを読み取ることができます。

クッキー、次のように名前/値のペアが格納されます。

ユーザ名=ジョン・ドウ

ブラウザがサーバーからWebページを要求すると、ページに属するクッキーが要求に追加されます。サービスは、このような方法で情報を取得するために、エンドユーザー。

第二に、クッキーを作成するためにJavaScriptを使用

JavaScriptが使用できるdocument.cookieの作成、読み取り、および削除のクッキーにプロパティを。

以下のようにJavaScriptのが、クッキーが作成されます。

document.cookie =「ユーザ名=ジョン・ドウ」。

また、（UTCまたはGMT時間内）クッキーの有効期限を追加することができます。デフォルトでは、クッキーは、ブラウザを閉じたときに削除しました：

document.cookie =「ユーザ名=ジョン・ドウは、有効期限が切れる=木、2043年12月18日午前12時〇〇分00秒GMT」。

あなたは、ブラウザのCookieのパスを指示するパラメータパスを使用することができます。デフォルトでは、クッキーは、現在のページに属しています。

document.cookie = "ユーザ名=ジョン・ドウは、有効期限が切れる=木、2043年12月18日午前12時〇〇分00秒GMT;パス= /";

第三に、JavaScriptを使用してクッキーを読みます

JavaScriptでは、あなたはクッキーを読み取るために、次のコードを使用することができます。

VARのx = document.cookie;

注：document.cookie文字列は、すべての方法クッキー、タイプフォーマットを返します。cookie1 =値; cookie2 =値; cookie3 =値;

クッキーを変更するにはJavaScriptを使用

JavaScriptでは、クッキーの作成と似クッキーを変更し、次の通り：

document.cookie = "ユーザ名=ジョン・スミスは、有効期限が切れる=木、2043年12月18日午前12時00分00秒GMT;パス= /";

古いクッキーが上書きされます。

第五には、クッキーを削除するにはJavaScriptを使用します

クッキーを削除することは非常に簡単です。あなただけ前回のために設定する必要があり、ここで示したように、パラメータを満了した木に設定されている、1970年1月1日00:00:00 GMT：

document.cookie = "ユーザ名=;期限が切れる=木、1970年1月1日00:00:00 GMT"。

注意、あなたがクッキーを削除したときに値を指定する必要はありません。

クッキー文字列

通常のテキスト文字列のようなdocument.cookieプロパティルックスは、実際にはそうではありません。

あなたは完全なクッキー文字列のdocument.cookieを書く場合でも、あなたは時にクッキー情報を再読み込み、クッキー情報は、ディスプレイの形式の名前/値のペアです。

あなたが新しいクッキーを設定した場合は、古いクッキーが上書きされません。新しいクッキーはそうあなたが再読み込みdocument.cookie場合、あなたは、以下に示すデータを取得します、でdocument.cookieに追加されます。

cookie1 =値。cookie2 =値。

あなたが特定のCookieの値を見つける必要がある場合は、クッキー文字列でCookieの値を見つけるために、JavaScript関数を作成する必要があります。

五、JavaScriptのクッキーインスタンス

次の例では、我々は、店舗訪問者名にクッキーを作成します。

まず、Webページへの訪問者は、彼は自分の名前を記入することが求められます。名前はクッキーに保存されます。

あなたはページAの訪問者にアクセスし、次回は、彼が歓迎のメッセージが表示されます。

この例では、3つのJavaScript関数を作成します。

設定されたCookie値関数
クッキー機能の値を取得します。
Cookie値検出機能

図1は、クッキー関数の値を設定します

まず、我々は、訪問者の名前を格納するための関数を作成します。

この関数は、クッキー名、クッキー値、クッキーの有効期限を設定します。

関数ますsetcookie（CNAME、cvalue、exdays）
{ 
  VARの D = 新しい日付（）; 
  d.setTime（d.getTime（） +（×1000 exdays * 24 * 60 * 60 ））。
  varが期限切れになる= "有効期限が切れる=" + d.toGMTString（）; 
  document.cookie = CNAME + "=" + cvalue + ";" +は、有効期限が切れます。
}

機能解析：

上記の関数のパラメータ、CNAMEのCookie名、Cookieの値cvalue、および有効期限を設定するには、クッキーを有効期限が切れます。

2、クッキーの値は、関数を得ます

その後、我々は、Cookieの値を指定するには、ユーザーを返す関数を作成します。

関数getCookie（CNAME）
{ 
  VARの名= CNAME + "=" 。
  VaRの CA = document.cookie.split（ ';' ）;
  ため（VAR iが0 =; I <ca.length; I ++ ）
  { 
    VARの C = CA [i]を.trim（）。
    もし（c.indexOf（名）== 0）リターンc.substring（name.length、c.length）。
  } 
  を返します「」。
}

機能解析：

クッキーパラメータ名はCNAMEです。

変数が指定されたCookieを取得するために使用されるテキストを作成します：CNAME +「=」。

Document.cookieストリング分離するためにセミコロンを使用して、文字列配列の分割CA（CA = document.cookie.split（「;」））に割り当てられています。

CAループ配列（I = 0; ++ I; I <ca.length）、次いで、アレイ内の各値を読み込み、末尾のスペースを削除（C = CA [i]を.trim（））。

あなたはクッキー（c.indexOf（名）== 0）を見つけた場合、（name.length、c.length）をc.substring（Cookieの値を返します。

あなたはクッキーが見つからない場合は、返されます「」

3、クッキーの検出値の関数

最後に、私たちはクッキーが作成されたかどうかを検出する関数を作成することができます。

あなたはクッキーを設定した場合、それは挨拶メッセージが表示されます。

あなたはクッキーを設定しない場合、それは訪問者の名前を尋ねるポップアップが表示され、訪問者は、保存された365日間は、setcookie関数名を呼び出します。

機能checkCookie（）
{ 
  VAR名= getCookie（ "ユーザ名" ）。
  もし（！ユーザ名= "" ）
  { 
    警告（ "+"再びようこそユーザー名）。
  } 
  他 
  { 
    ユーザー名 =プロンプト（ "あなたの名前を入力してください："、 "" ）;
    もし（！ユーザ名= ""！&&ユーザー名= nullの）
    { 
      しますsetcookie（ "ユーザ名"、ユーザ名、365 ）; 
    } 
  } 
}

023_結果