Cách tạo và đọc giá trị từ cookie trong JavaScript

1. Tạo Cookie (Set Cookie)

Gán chuỗi cho document.cookie:

document.cookie = "key1=value1;key2=value2;expires=date";

expires tùy chọn. Có giá trị hợp lệ → cookie hết hạn tại thời điểm đó.

Ví dụ

<html>
  <head>
    <script>
      function WriteCookie() {
        if (document.myform.customer.value == "") {
          alert("Nhập giá trị!");
          return;
        }
        cookievalue = encodeURIComponent(document.myform.customer.value) + ";";
        document.cookie = "name=" + cookievalue;
        document.write("Setting Cookies: " + "name=" + cookievalue);
      }
    </script>
  </head>
  <body>
    <form name="myform" action="">
      Enter name: <input type="text" name="customer"/>
      <input type="button" value="Set Cookie" onclick="WriteCookie();"/>
    </form>
  </body>
</html>

2. Đọc Cookie (Get Cookie)

Đọc cookie đơn giản như viết vì document.cookie trả về chuỗi tất cả cookie. Dạng: name=value; name2=value2.

Ví dụ

<html>
  <head>
    <script>
      function ReadCookie() {
        var allcookies = document.cookie;
        document.write("All Cookies: " + allcookies);
        var cookiearray = allcookies.split(';');
        for (var i = 0; i < cookiearray.length; i++) {
          var name = cookiearray[i].split('=')[0].trim();
          var value = cookiearray[i].split('=')[1];
          document.write("Key: " + name + " Value: " + value);
        }
      }
    </script>
  </head>
  <body>
    <form name="myform" action="">
      <p>Nhấp nút để xem cookie:</p>
      <input type="button" value="Get Cookie" onclick="ReadCookie()"/>
    </form>
  </body>
</html>