Cách lưu trữ dữ liệu trong trình duyệt với HTML5 localStorage API

HTML5 localStorage lưu dữ liệu dạng chuỗi trong trình duyệt và tồn tại sau khi phiên kết thúc. localStorage lưu dữ liệu không có thời hạn hết hạn, trong khi sessionStorage chỉ giới hạn trong phiên hiện tại. Khi trình duyệt đóng, phiên sẽ mất đi.

Local Storage được thiết kế cho việc lưu trữ kéo dài qua nhiều cửa sổ và phiên làm việc. Cụ thể, các ứng dụng web có thể lưu trữ hàng megabyte dữ liệu người dùng, như toàn bộ tài liệu do người dùng tạo hoặc hộp thư, phía client để tăng hiệu năng.

Ví dụ

Bạn có thể chạy mã sau để học cách làm việc với HTML5 localStorage:

<!DOCTYPE HTML>
<html>
  <body>
    <script type="text/javascript">
      if(localStorage.hits){
        localStorage.hits = Number(localStorage.hits) + 1;
      } else {
        localStorage.hits = 1;
      }
      document.write("Tổng lượt truy cập website: " + localStorage.hits);
    </script>
    <p>Làm mới trang để tăng số lượt truy cập.</p>
    <p>Đóng cửa sổ và mở lại để kiểm tra kết quả.</p>
  </body>
</html>