Cookie JavaScript - Làm thế nào để tạo, đọc và xóa cookie?



Cookie là dữ liệu được lưu trữ trong các tệp văn bản nhỏ. Nó giúp bạn lưu trữ thông tin người dùng trong các trang web và ghi nhớ chi tiết người dùng sau này.

Cookie giúp bạn lưu trữ thông tin người dùng trong các trang web. Đây là một trong những 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. Trong này Bài viết về cookie, chúng ta sẽ đi sâu về cookie theo trình tự sau:

Cookies là gì?

Cookie là dữ liệu được lưu trữ trong các tệp văn bản nhỏ trong hệ thống của bạn. Khi máy chủ web gửi một trang web đến trình duyệt, kết nối sẽ tắt và máy chủ sẽ quên mọi thứ về người dùng.





Cookie được phát minh để giải quyết vấn đề ghi nhớ thông tin về người dùng. Ví dụ:

  • Khi người dùng truy cập một trang web, tên của họ có thể được lưu trong một cookie.



  • Lần tới khi người dùng truy cập trang, cookie sẽ ghi nhớ tên người dùng.

Nó ghi nhớ thông tin của người dùng trong số tất cả các trang web. Nó chứa thông tin dưới dạng và dưới dạng một cặp tên-giá trị được phân tách bằng dấu chấm phẩy, chẳng hạn như:

tên người dùng = Daisy Green

Bây giờ, hãy xem những cookie này hoạt động như thế nào.



Làm thế nào nó hoạt động?

Máy chủ gửi một số dữ liệu đến trình duyệt của khách truy cập dưới dạng cookie. Bây giờ, trình duyệt có thể chấp nhận cookie. Nếu có, nó sẽ được lưu trữ dưới dạng bản ghi văn bản thuần túy trên ổ cứng của khách truy cập.

cookie- javascript cookie - edurekaKhi khách truy cập đến một trang khác trên trang web của bạn, trình duyệt sẽ gửi cùng một cookie đến máy chủ để truy xuất. Khi nó được truy xuất, máy chủ của bạn biết hoặc nhớ những gì đã được lưu trữ trước đó.

Cookies bao gồm 5 trường có độ dài thay đổi :

  • Hết hạn & dấu trừ Điều này hiển thị ngày cookie sẽ hết hạn. Nếu ô này trống, cookie sẽ hết hạn khi khách truy cập thoát khỏi trình duyệt.

  • Miền & trừ Trường miền cung cấp tên miền của trang web của bạn.

  • Con đường & trừ Nó là đường dẫn đến thư mục hoặc trang web đặt cookie. Điều này có thể được để trống nếu bạn muốn lấy cookie từ bất kỳ thư mục hoặc trang nào.

  • Đảm bảo & trừ Nếu trường này chứa từ 'an toàn', thì cookie chỉ có thể được truy xuất bằng máy chủ bảo mật. Nếu trường này trống, không có hạn chế nào như vậy.

  • Tên = Giá trị & Trừ Cái này mô tả các cookie được đặt và truy xuất dưới dạng các cặp khóa-giá trị.

Bây giờ bạn đã biết cookie là gì và nó hoạt động như thế nào, hãy cùng tìm hiểu sâu hơn về cookie JavaScript.

Cookie JavaScript

Trong JavaScript, bạn có thể thao tác cookie với thuộc tính cookie của đối tượng Document. JavaScript có thể đọc, tạo, sửa đổi và xóa các cookie áp dụng cho trang web hiện tại. Vì vậy, hãy xem các ví dụ và hiểu cách cookie được sử dụng trong JavaScript.

Tạo cookie

JavaScript có thể tạo cookie với document.cookie bất động sản. Bạn có thể tạo cookie theo cách sau:

document.cookie = 'username = Daisy Green'

Bạn cũng có thể thêm ngày hết hạn cho cookie của mình. Theo mặc định, cookie sẽ bị xóa khi đóng trình duyệt:

document.cookie = 'username = Daisy Green expires = Thứ Hai, ngày 26 tháng 8 năm 2019 12:00:00 UTC'

Bạn cũng có thể cho trình duyệt biết cookie thuộc về đường dẫn nào với sự trợ giúp của một tham số. Theo mặc định, cookie thuộc về trang hiện tại.

document.cookie = 'username = Daisy Green expires = Thứ Hai, ngày 26 tháng 8 năm 2019 12:00:00 UTC' path = / '

Đọc Cookie

Đọc một cookie cũng đơn giản như viết một cookie vì giá trị của đối tượng document.cookie là cookie. Bạn có thể sử dụng chuỗi này bất cứ khi nào bạn muốn truy cập cookie. Chuỗi document.cookie giữ một danh sách các cặp name = value được phân tách bằng dấu chấm phẩy, trong đó name đại diện cho tên cookie và value là giá trị chuỗi của nó.

Cookie JavaScript có thể được đọc theo cách sau:

var x = document.cookie

Thí dụ: