Cookie là một phần dữ liệu được lưu để trình duyệt của bạn truy cập trên máy tính của bạn. Bạn cũng có thể đã tận hưởng những lợi ích của cookie một cách có ý thứ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 nhập mật khẩu mỗi lần đăng nhập chưa? . Cookie được lưu trữ dưới dạng cặp khóa/giá trị
Tại sao bạn cần một Cookie?
JavaScript Cookie là cách dễ nhất để lưu trữ dữ liệu trên các trang web mà không cần sử dụng tập lệnh phía máy chủ. Không cần tương tác với máy chủ, bạn có thể lưu trữ, đọc, chỉnh sửa và xóa dữ liệu. Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn cách sử dụng cookie JavaScript để lưu trữ và thay đổi chi tiết trang web [tập lệnh phía máy khách]. Để tạo, đọc và xóa cookie trong JavaScript, tài liệu. tài sản cookie được sử dụng
Javascript Set-Cookie
bạn có thể sử dụng thuộc tính document.cookie để tạo cookie bằng JavaScript
2
3
4
tài liệu. cookie = "cookiename=cookievalue"
Theo mặc định, cookie sẽ bị xóa sau khi đóng trình duyệt. 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 đã 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
2
3
4
tài liệu. cookie = "name=tutorialswebsite; expires=Wed, 13 Jan 2021 12. 00. 00 giờ UTC";
Bạn cũng có thể đặt tên miền và đường dẫn đến tên miền và thư mục mà cookie thuộc về trong tên miền cụ thể. Theo mặc định, cookie là một phần của trang đặt cookie
2
3
4
tài liệu. cookie = "name=tutorialswebsite; expires= Thứ năm, ngày 13 tháng 1 năm 2021 12. 00. 00 UTC;
Đọc hoặc lấy cookie bằng JavaScript
Bạn có thể truy cập cookie và truy xuất bằng tài liệu. thuộc tính cookie
2
3
4
var value = tài liệu. 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ị của cookie hết hạn vào ngày đã qua
2
3
4
tài liệu. cookie = "cookiename= ; hết hạn = Thu, 01 tháng 1 năm 1970 00. 00. 00 giờ GMT"
Thay đổi giá trị cookie bằng JavaScript
Giá trị cookie có thể được thay đổi giống như cách nó được tạo
2
3
4
tài liệu. cookie = "name=Tutorialswebsite; expires=Wed, 13 Jan 2021 12. 00. 00 UTC;;
Bây giờ, chúng ta sẽ xây dựng một số chức năng tùy chỉnh để đặt, nhận và xóa cookie trong JavaScript. Các hàm JavaScript này có thể có cách sử dụng cookie thân thiện với người dùng trên trang web
đặt cookie
Hàm setCookie[] sau đây giúp tạo cookie có tên và giá trị cụ thể bằng JavaScript
- tên – Tên của cookie
- value – Giá trị của cookie
- exp_days – Thời gian hết hạn của cookie tính bằng ngày
2
3
4
5
6
7
8
9
hàm setCookie[tên,value,exp_days] {
var d = mới Date[];
d. setTime[d. getTime[] + [exp_days*24*60*60*1000]];
var hết hạn = "expires=" + d.đếnGMTString[];
tài liệu. cookie = tên + " + value + ";" + expires + ";path=/";
}
Lưu ý rằng. “/” có nghĩa là cookie sẽ có sẵn trong toàn bộ miền trang web
Ví dụ
2
3
4
5
6
setCookie["tên", "Trang web hướng dẫn", 5];
Đoạn mã trên dùng để đặt cookie có tên name với giá trị Tutorialswebsite trong 5 ngày
Nhận cookie
getCookie[] hàm giúp truy xuất giá trị của cookie được xác định trước bằng JavaScript
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
chức năng getCookie[tên] {
var cname = name + "=";
var decodedCookie = decodeURIComponent[document.cookie];
var ca = decodedCookie.tách[';'];
cho[var i = 0; i