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

09/11/2022 01:39 523

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

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”

• Một số câu lệnh jquery thường dùng
• Làm sticky sidebar đơn giản (simple sticky sidebar)
• Kiểm tra số điện thoại bằng javascript ( check phone number by javascript)
• Function kiểm tra email bằng javascript ( Function check email by javascript)
• Thực hiện một function tại một thời điểm nào đó trong javascript (setInterval và setTimeout)
• Check tất cả checkbox bằng javascript
• Show và hide một element bở select form
• Scroll to with animation to element by jquery
• Tìm kiếm tức thời autocomplete hay đề xuất trong javascript
• Xử lý ngày tháng date trong javascript
• Đoạn mã copy text tới clipboard

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