Cách dùng Local Storage để lưu trữ dữ liệu ít quan trong

Local Storage cũng giống như cookie là bộ nhớ tại browser, thường được sử dụng để lưu trữ các dữ liệu ít quan trong, do nó không có mã hóa dữ liệu

Cách dùng Local Storage để lưu trữ dữ liệu ít quan trong

Thời gian hết hạn của local storage

như cookie thì có thời gian hết hạn đúng không nào, còn local storage thì không có nha anh chị

Chúng ta sẽ học cách dùng thông qua ví dụ sau, tôi có dữ liệu cần lưu là một object như bên dưới

Cập nhật dữ liệu trong Local storage

Để cập nhật dữ liệu trong local storage, anh chị dùng phương thức setItem

như anh chị thấy bên trên tôi dụng key ‘pagination’ để lưu trữ, JSON.stringify là để chuyển dữ liệu object sang text để lưu, nó sẽ có dạng như bên dưới

Truy cập dữ liệu đã lưu trong local storage thông qua key

Để lấy dữ liệu thì anh chị cần nhớ key mình đã lưu dữ liệu trong local storage nha và chúng ta sẽ dùng phương thức getItem

đoạn code trên là để lấy dữ liệu qua key mà chúng ta đã set là “pagination”

Xóa dữ liệu đã lưu trong local storage

Để xóa dữ liệu vừa ghi vào chúng ta dùng phương thức removeItem

Xóa tất cả dữ liệu trong local storage

để xóa tất cả dữ liệu trong local storage, chúng ta dùng phương thức clear

Như vậy tôi và anh chị đã đi tìm hiểu cách sử dụng local storage và lưu ý rằng local storage chỉ sử dụng để lưu trữ các dữ liệu không quan trọng tuyệt đống không lưu các dữ liệu liên quan tới token, user

5/5 (1 Đánh giá)

Gửi Phản Hồi
Chọn đánh giá của bạn
0 Bình Luận
Thông tin người gửi
Anh Chị


Đăng ký nhận bài viết mới

Khi mình đăng bài mới bạn sẽ nhận nó qua Email


Super-flatsome

Hướng dẫn thiết kế theme

Các functions thường dùng

  • Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress

0912889416