Cookies là gì?
Cookie là một phần dữ liệu được lưu trữ trên máy tính của bạn để trình duyệt của bạn truy cập. Bạn cũng có thể đã tận hưởng những lợi ích của cookie một cách cố ý hoặc vô tình. Bạn đã bao giờ lưu mật khẩu Facebook của mình để không phải gõ mỗi lần đăng nhập chưa? Nếu có, thì bạn đang sử dụng cookie. Cookie được lưu dưới dạng cặp khóa / giá trị.
Tại sao bạn cần Cookie?
Giao tiếp giữa trình duyệt web và máy chủ xảy ra bằng cách sử dụng một giao thức không trạng thái có tên là HTTP. Giao thức không trạng thái xử lý từng yêu cầu độc lập. Vì vậy, máy chủ không giữ dữ liệu sau khi gửi đến trình duyệt. Nhưng trong nhiều trường hợp, dữ liệu sẽ được yêu cầu lại. Đây là bánh quy thành một bức tranh. Với cookie, trình duyệt web sẽ không phải giao tiếp với máy chủ mỗi khi dữ liệu được yêu cầu. Thay vào đó, nó có thể được tải trực tiếp từ máy tính.
Bộ cookie Javascript
Bạn có thể tạo cookie bằng tài liệu. thuộc tính cookie như thế này.
document.cookie = "cookiename=cookievalue"
Bạn thậm chí có thể thêm ngày hết hạn vào cookie của mình để cookie cụ thể sẽ bị xóa khỏi máy tính vào ngày được chỉ định. Ngày hết hạn phải được đặt ở định dạng UTC / GMT. Nếu bạn không đặt ngày hết hạn, cookie sẽ bị xóa khi người dùng đóng trình duyệt.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Bạn cũng có thể đặt miền và đường dẫn để chỉ định miền nào và đến những thư mục nào trong miền cụ thể mà cookie thuộc về. Theo mặc định, một cookie thuộc về trang đặt cookie.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
// tạo cookie có tên miền đến trang hiện tại và đường dẫn đến toàn bộ tên miền.
JavaScript lấy Cookie
Bạn có thể truy cập vào cookie như thế này sẽ trả về tất cả cookie được lưu cho miền hiện tại.
var x = document.cookie
JavaScript Xóa cookie
Để xóa cookie, bạn chỉ cần đặt giá trị của cookie thành trống và đặt giá trị hết hạn cho một ngày đã qua.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Hãy tự mình thử Ví dụ này:
Cookie !!!