クッキー Javaスクリプト: 設定、取得、削除の例

替え： ジェームズ・ハートマン ジェームズ・ハートマン
Hours 更新中

What are Cookies?

クッキーとは、ブラウザからアクセスできるようにコンピュータに保存されるデータです。あなたも、意識的または無意識的にクッキーの恩恵を受けているかもしれません。ログインするたびに入力しなくても済むように、Facebook のパスワードを保存したことがありますか? もしそうなら、クッキーを使用しています。クッキーはキーと値のペアとして保存されます。

なぜ Cookie が必要なのでしょうか?

間のコミュニケーション ウェブブラウザ サーバーは HTTP という名前のステートレス プロトコルを使用して実行されます。 ステートレス プロトコルは、各リクエストを独立して処理します。 したがって、サーバーはブラウザにデータを送信した後はデータを保持しません。 ただし、多くの状況で、データが再度必要になることがあります。 クッキーが絵の中に登場します。 Cookie を使用すると、Web ブラウザはデータが必要になるたびにサーバーと通信する必要がなくなります。 代わりに、コンピュータから直接取得することもできます。

Javascript クッキーを設定する

ドキュメントを使用して Cookie を作成できます。 Cookie プロパティはこのようになります。

document.cookie = "cookiename=cookievalue"

Cookie に有効期限を追加して、指定した日付に特定の Cookie がコンピュータから削除されるようにすることもできます。 有効期限は UTC/GMT 形式で設定する必要があります。 有効期限を設定しない場合、ユーザーがブラウザを閉じると Cookie は削除されます。

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

ドメインとパスを設定して、Cookie がどのドメインに属するか、特定のドメイン内のどのディレクトリに属する​​かを指定することもできます。 デフォルトでは、Cookie は Cookie を設定するページに属します。

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

// 現在のページへのドメインとドメイン全体へのパスを含む Cookie を作成します。

JavaスクリプトはCookieを取得します

次のように Cookie にアクセスすると、現在のドメインに保存されているすべての Cookie が返されます。

var x =  document.cookie

Javaスクリプト削除Cookie

Cookie を削除するには、Cookie の値を空に設定し、expires の値を経過した日付に設定するだけです。

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

この例を自分で試してみてください

コードを機能させるための特別な手順 … 実行ボタンを XNUMX 回押します

<html>
<head>
	<title>Cookie!!!</title>
	<script type="text/javascript">
		function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
		function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
       	  }
        	return "";
        }
		function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
        	alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            if (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
	</script>
</head>
<body onload="checkCookie()"></body>
</html>

よろしければ：