Lưu trữ dữ liệu trên web với localstorage

Khái niệm

LocalStorage là một phương thức lưu trữ dữ liệu cục bộ trên trình duyệt người dùng (tương tự như cookie) LocalStorage vượt trội hơn cookie vì có thể lưu trữ được dữ liệu nhiều hơn và an toàn hơn Biến localstorage không bị xóa khi trình duyệt bị đóng

Hỗ trợ

Bạn có thể kiểm tra trình duyệt có hỗ trợ localstorage hay không bằng cách chạy đoạn mã javascript sau:

if(typeof(Storage) !== "undefined") {
    // Có thể sử dụng localStorage/sessionStorage.
} else {
    // Trình duyệt không hỗ trợ Local storage.
}

Sử dụng

Lưu trữ giá trị vào biến localstorage

localStorage.setItem("product_name", "Car");

Lấy ra giá trị

var name = localStorage.getItem("product_name");

Lưu trữ đối với mảng hoặc đối tượng

localStorage.setItem('product_list', JSON.stringify(listProducts));

Lấy ra đối với mảng hoặc đối tượng

var listProducts = JSON.parse(localStorage.getItem("product_list"));

Xóa

localStorage.removeItem("product_list");