Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để tạo cookie trong JavaScript?


Sử dụng cookie là phương pháp hiệu quả nhất để ghi nhớ và theo dõi các sở thích, mua hàng, hoa hồng và các thông tin khác cần thiết để có trải nghiệm khách truy cập hoặc thống kê trang web tốt hơn.

Cách đơn giản nhất để tạo cookie là gán giá trị chuỗi cho đối tượng document.cookie, trông giống như thế này.

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

Ở đây, thuộc tính hết hạn là tùy chọn. Nếu bạn cung cấp thuộc tính này với ngày hoặc giờ hợp lệ, thì cookie sẽ hết hạn vào một ngày hoặc giờ nhất định và sau đó, giá trị của cookie sẽ không thể truy cập được.

Lưu ý - Giá trị cookie không được bao gồm dấu chấm phẩy, dấu phẩy hoặc khoảng trắng. Vì lý do này, bạn có thể muốn sử dụng hàm Escape () của JavaScript để mã hóa giá trị trước khi lưu trữ giá trị đó trong cookie. Nếu bạn làm điều này, bạn cũng sẽ phải sử dụng hàm unescape () tương ứng khi bạn đọc giá trị cookie.

Ví dụ

Bạn có thể thử chạy đoạn mã sau. Nó đặt tên khách hàng trong cookie đầu vào.

Bản trình diễn trực tiếp

<html>
   <head>
      <script>
         <!--
            function WriteCookie() {
               if( document.myform.customer.value == "" ) {
                  alert("Enter some value!");
                  return;
               }
               cookievalue= escape(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>