Sau đó, chúng tôi gọi
document.cookie="name=Ravi shukla";9 trên chuỗi phân tách bằng
document.cookie = "userId=nick123"
0 và dấu bằng để kiểm tra xem có cookie nào có khóa đã cho khôngTiếp theo, chúng tôi xác định hàm
document.cookie = "userId=nick123"
1 để kiểm tra xem cookie có khóa đã cho có tồn tại với document.cookie = "userId=nick123"
2 hay khôngNếu đúng như vậy, thì chúng tôi thêm ngày và giờ
document.cookie = "userId=nick123"
3 vào cuối chuỗi bằng cách nối thêm";expires=Thu, 01 Jan 1970 00:00:01 GMT"
với nó
Cách xóa cookie là đặt ngày hết hạn thành ngày và giờ trước ngày và giờ hiện tại
Do đó, khi chúng tôi đặt cookie ở dòng cuối cùng thứ 2 và gọi
document.cookie = "userId=nick123"
1 bằng cùng một khóa ngay sau đó, chúng tôi sẽ không thấy cookie được đặt vì nó được thêm và xóa ngay sau đóPhần kết luậnChúng tôi có thể xóa cookie phía máy khách khỏi trình duyệt của người dùng bằng cách đặt ngày hết hạn của cookie với khóa đã cho thành ngày và giờ trước ngày và giờ hiện tại
Hôm nay chúng ta sẽ thảo luận về JavaScript Cookies. Dữ liệu trong cookie cho phép máy chủ tiếp tục cuộc trò chuyện, có thể nói như vậy. Không có cookie, máy chủ coi trình duyệt là khách truy cập lần đầu. Vì vậy, hãy tìm hiểu thêm về JavaScript Cookies
Cookie JavaScript là gì?
JavaScript Cookies là dữ liệu, được lưu trữ trong các tệp văn bản nhỏ, trên máy tính của bạn
Khi máy chủ web đã gửi một trang web tới trình duyệt, kết nối sẽ bị tắt và máy chủ sẽ quên mọi thứ về người dùng
Cookies được phát minh để giải quyết vấn đề “làm thế nào để ghi nhớ thông tin về người dùng”
- Khi người dùng truy cập một trang web, tên của họ có thể được lưu trữ trong cookie
- Lần tới khi người dùng truy cập trang, cookie sẽ “nhớ” tên của người dùng đó
Cookies được lưu trong các cặp tên-giá trị như
Ví dụ
tài liệu. cookie = “tên người dùng=Max Brown”;
Làm cách nào để tạo Cookie trong JavaScript?
Trong JavaScript, chúng tôi có thể tạo, đọc, cập nhật và xóa cookie bằng cách sử dụng tài liệu. thuộc tính cookie
Cú pháp sau đây được sử dụng để tạo cookie
cú pháp
tài liệu. cookie=”keyName1=value1;keyName2=value2;keyName3=value3;”;
Ví dụ
document.cookie="name=Ravi shukla";
Đặt cookie có ngày hết hạn
Theo mặc định, cookie sẽ tự động bị xóa sau khi đóng trình duyệt. Điều này ngăn người dùng sử dụng lại các giá trị cookie trong các lần truy cập tiếp theo vào trang của bạn. Bạn có thể ghi đè điều này bằng cách đặt ngày hết hạn cho cookie của mình. Điều này có thể được thực hiện dễ dàng bằng cách thêm expires=expirationDate trong UTC được phân tách bằng dấu chấm phẩy từ name=value, như trong ví dụ sau
cú pháp
tài liệu. cookie = “tên người dùng=Max Brown; . 00. 00 UTC”;
Nhận cookie
Lấy tất cả cookie rất đơn giản. Cookies được lưu trữ dưới dạng một tập hợp các chuỗi được phân tách bằng dấu chấm phẩy. Bạn có thể truy cập giá trị này bằng cách gọi
document.cookie = "userId=nick123"
5 như trong ví dụ bên dưới Máy chủ web và máy chủ HTTP là không trạng thái, vì vậy khi máy chủ web gửi trang web tới trình duyệt, kết nối sẽ bị ngắt và máy chủ sẽ quên mọi thứ liên quan đến người dùng
Làm cách nào để trình duyệt và máy chủ web ghi nhớ thông tin về người dùng?
Khi người dùng đến một trang web, tên, id duy nhất hoặc bất kỳ thông tin nào khác của họ có thể được lưu trữ trong cookie trong trình duyệt của họ. Và lần sau khi người dùng quay lại trang web, cookie sẽ nhớ tên hoặc id duy nhất của họ
Cookie chỉ đơn giản là các tệp dữ liệu văn bản nhỏ được lưu trữ trong trình duyệt máy tính của bạn. Chúng chứa dữ liệu này
Trong các phần bên dưới, chúng ta sẽ tìm hiểu cách đặt, nhận, cập nhật và xóa dữ liệu cookie trong trình duyệt của bạn bằng JavaScript
Đặt cookie trong trình duyệt của bạn bằng JavaScript thật dễ dàng. Chúng tôi sẽ chỉ cho bạn cách dưới đây
Đây là JavaScript để tạo cookie mới trong trình duyệt, mã được thực thi trong
document.cookie = "userId=nick123"
Khi bạn chạy mã đó, hãy mở trình duyệt và bạn sẽ tìm thấy cookie trong phần Ứng dụng công cụ dành cho nhà phát triển [Safari hoặc Chrome] hoặc Bộ nhớ [Firefox]
Bạn cũng có thể thêm ngày hết hạn [theo giờ UTC] vào cookie để báo cho trình duyệt biết khi nào nên xóa cookie
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
Bạn cũng có thể cho trình duyệt biết đường dẫn của cookie [giá trị mặc định là đường dẫn của trang hiện tại]
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC; path=/user"
Và phần dữ liệu cuối cùng chúng tôi sẽ đề cập là tên miền chứa cookie [mặc định là tên miền hiện tại]
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC; path=/user; domain=mysite.com"
Đọc cookie cũng thực sự đơn giản bằng cách sử dụng JavaScript bằng cách truy cập đối tượng
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
2Để lấy tất cả các cookie cho một trang dưới dạng một chuỗi với mỗi cookie được phân tách bằng dấu chấm phẩy
const cookies = document.cookie
Để truy cập cookie có tên cụ thể, chúng tôi cần lấy tất cả cookie trên trang và phân tích cú pháp chuỗi để tìm kết quả khớp với tên của cookie mà chúng tôi đang tìm kiếm
________số 8
getCookieValue["userId"] //returns nick123
Điều đó sẽ trả về giá trị chuỗi của tham số
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
3 mà bạn cung cấp cho hàmdocument.cookie="name=Ravi shukla";1
getCookieValue["userId"] //returns nick123
Bạn có thể thay đổi cookie giống như cách bạn tạo chúng bằng cách ghi đè lên cookie đó bằng một giá trị mới
Bạn có thể sử dụng mã này để ghi đè cookie
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
4 được tạo trước đó trong bài viết nàydocument.cookie="name=Ravi shukla";4
Và giá trị mới sẽ được trả về khi bạn chạy lại hàm
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
5document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
0Bạn có thể xóa cookie bằng cách đặt giá trị trống cho cookie và đặt ngày hết hạn thành bất kỳ thời điểm nào trong quá khứ
Nếu chúng tôi muốn xóa cookie
document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
4 khỏi các ví dụ trước, đây là cách chúng tôi thực hiệndocument.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
1Bây giờ bạn đã biết cách đặt, đọc, cập nhật và xóa cookie bằng JavaScript. Xin chúc mừng và hy vọng điều này đã giúp bạn trong nỗ lực mã hóa của mình