Trong bài đăng này, chúng tôi sẽ thảo luận về cách xóa tất cả bộ nhớ cục bộ và bộ nhớ phiên hoặc xóa bộ nhớ theo các giá trị chính. Ví dụ: một khóa có chứa một chuỗi cụ thể không, chúng tôi sẽ xóa bộ nhớ cục bộ và bộ nhớ phiên đó. Trước tiên, chúng tôi sẽ tìm tất cả bộ nhớ cục bộ và bộ nhớ phiên, sau đó chúng tôi sẽ lặp lại từng bộ nhớ, nếu người dùng cần xóa một bộ nhớ cụ thể theo một điều kiện cụ thể, chúng tôi sẽ xóa bộ nhớ đó một mình
Cả
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];1 và
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];2 đều đã được giới thiệu với HTML5. Nếu bạn chưa quen với cơ chế lưu trữ phía máy khách, bạn có thể tìm hiểu tại đây. Lưu trữ trong HTML5
Tiểu sử
Tôi đang làm việc trong một ứng dụng phía máy khách nơi chúng tôi sử dụng
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];1 và
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];2 để lưu một số thông tin chính. Ý tôi là thông tin chính là, giống như chúng tôi lưu trữ id thư của người sử dụng sử dụng ứng dụng. Ở đó tôi nhận được yêu cầu xóa
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];1 và
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];2 theo giá trị khóa. Ví dụ: tôi cần xóa các giá trị lưu trữ có khóa bắt đầu bằng “
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];1”. Mình làm đúng yêu cầu rồi chia sẻ với các bạn. Tôi hy vọng ai đó sẽ thấy nó hữu ích
Sử dụng mã
Để bắt đầu, bạn cần bao gồm tài liệu tham khảo
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];2
JavaScript
Bây giờ, chúng ta cần đặt
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];1 và
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];2, phải không?
Thêm các giá trị lưu trữ trong sự kiện sẵn sàng
JavaScript
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];
Vì vậy, chúng tôi đã đặt
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];1 và
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];2. Bây giờ, chúng ta cần kiểm tra xem nó đã được lưu hay chưa phải không?
Bây giờ, chúng tôi sẽ thêm một số yếu tố để chúng tôi có thể kích hoạt các sự kiện xóa. Mát lạnh?
XML
Click To Remove All Local Storage Click To Remove All Local Storage Which Starts With "First" Click To Remove All Session Storage Click To Remove All Session Storage Which Starts With "First"
Khi đã xong, chúng tôi thêm các tập lệnh sự kiện nhấp chuột
JavaScript
$[document].ready[function[]{
localStorage.setItem["First1","First Local Storage"];
sessionStorage.setItem["First1","First Session Storage"];
localStorage.setItem["Second1","Second Local Storage"];
sessionStorage.setItem["Second1","Second Session Storage"];
$["#removeAllLocalStorage"].click[function[]{
Object.keys[localStorage]
.forEach[function [key] {
localStorage.removeItem[key];
}];
}];
$["#removeAllLocalStorageWhichStarts"].click[function[]{
Object.keys[localStorage]
.forEach[function [key] {
if [[/^First/.test[key]]] {
localStorage.removeItem[key];
}
}];
}];
$["#removeAllSessionStorage"].click[function[]{
Object.keys[sessionStorage]
.forEach[function [key] {
sessionStorage.removeItem[key];
}];
}];
$["#removeAllSessionStorageWhichStarts"].click[function[]{
Object.keys[sessionStorage]
.forEach[function [key] {
if [[/^First/.test[key]]] {
sessionStorage.removeItem[key];
}
}];
}];
}];
Vì vậy, mọi thứ được thiết lập. Bây giờ, điều duy nhất đang chờ xử lý chỉ là chạy và xem đầu ra
Đầu tiên, chúng tôi sẽ kích hoạt sự kiện nhấp chuột để xóa tất cả bộ nhớ cục bộ. VÂNG?
Khi bạn nhấp vào, bạn có thể thấy tất cả các mục lưu trữ cục bộ của mình đã bị xóa
Bây giờ, chúng tôi sẽ tải lại trang và đặt lại các mục lưu trữ, lần này chúng tôi sẽ kích hoạt sự kiện xóa giá trị lưu trữ cục bộ có khóa bắt đầu bằng “
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];7”
Khi bạn nhấp vào, bạn chỉ có thể thấy phần tử lưu trữ có khóa bắt đầu bằng “
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];7” đã bị xóa
Tiếp theo, chúng tôi sẽ kích hoạt sự kiện nhấp chuột để xóa tất cả bộ nhớ phiên. VÂNG?
Sau khi nhấp vào, bạn có thể thấy tất cả các mục lưu trữ phiên của mình đã bị xóa
Bây giờ, chúng ta sẽ tải lại trang và thiết lập lại các mục lưu trữ, lần này chúng ta sẽ kích hoạt sự kiện xóa giá trị lưu trữ phiên có khóa bắt đầu bằng “
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];7”
Sau khi nhấp vào, bạn chỉ có thể thấy phần tử lưu trữ phiên có khóa bắt đầu bằng “
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];7” đã bị xóa
Vì vậy, chúng tôi đã làm tất cả mọi thứ
Hoàn thành mã
HTML
localStorage.setItem["First1","First Local Storage"]; sessionStorage.setItem["First1","First Session Storage"]; localStorage.setItem["Second1","Second Local Storage"]; sessionStorage.setItem["Second1","Second Session Storage"];0
Phần kết luận
Tôi hy vọng bạn thích bài viết này. Hãy chia sẻ phản hồi của bạn. Nó luôn được chào đón. Thanks
Bài viết này ban đầu được đăng tại http. // sibeeshpassion. com/remove-filtered-sessionstorage-and-localstorage
Giấy phép
Bài viết này, cùng với bất kỳ mã nguồn và tệp liên quan nào, được cấp phép theo Giấy phép Mở Dự án Mã [CPOL]