Đặt nhận xóa cookie javascript

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ông

Tiế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ông

Nế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ận

Chú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

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”;

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";

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”;

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àm

document.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ày

document.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"
5

document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
0

Bạ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ện

document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC"
1

Bâ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

Xóa Cookie bằng JavaScript . tài liệu. cookie = "tên người dùng=; hết hạn=Thứ năm, ngày 01 tháng 1 năm 1970 00. 00. 00 UTC; . Một số trình duyệt sẽ không cho phép bạn xóa cookie nếu bạn không chỉ định đường dẫn. set the expires parameter to a past date: document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; You should define the cookie path to ensure that you delete the right cookie. Some browsers will not let you delete a cookie if you don't specify the path.
Đặt cookie . cookie = "key1=value1;key2=value2;expires=date"; . 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
Trong Chrome .
Trên máy tính của bạn, hãy mở Chrome
Ở trên cùng bên phải, hãy nhấp vào biểu tượng Thêm
Nhấp vào Công cụ khác. Xóa dữ liệu truy cập
Ở trên cùng, hãy chọn một khoảng thời gian. Để xóa mọi thứ, hãy chọn Tất cả thời gian
Bên cạnh "Cookie và dữ liệu trang web khác" và "Tệp và hình ảnh được lưu trong bộ nhớ đệm", hãy chọn hộp
Nhấp vào Xóa dữ liệu
Chỉ cần gọi tài liệu. cookie để lấy giá trị hiện tại của tất cả các cookie. Sau đó, bạn có thể lưu trữ giá trị này trong một biến để thao tác thêm