HTML5 Web Storage là gì? Giải thích sự khác nhau giữa localStorage và sessionStorage?

{{FormatNumbertoThousand(model.total_like)}} lượt thích
444 lượt xem
Html/CSS middle

Với HTML5, các trang web có thể lưu trữ dữ liệu cục bộ trong trình duyệt của người dùng. Dữ liệu được lưu trữ trong các cặp [name / value] và một trang web chỉ có thể truy cập vào dữ liệu do chính nó lưu trữ.

Sự khác biệt giữa localStorage và sessionStorage dựa vào lifetime:

  • Dữ liệu được lưu trữ qua localStorage là vĩnh viễn: dữ liệu không hết hạn và vẫn được lưu trữ trên máy tính của người dùng cho đến khi ứng dụng web xóa hoặc người dùng yêu cầu trình duyệt xóa dữ liệu đó.
  • sessionStorage có cùng thời gian tồn tại với top-level window hoặc browser-tab mà dữ liệu được lưu trữ. Khi tab bị đóng hoàn toàn, mọi dữ liệu được lưu trữ qua sessionStorage sẽ bị xóa.

Sự khác biệt giữa localStorage và sessionStorage dựa vào phạm vi lưu trữ:

Cả hai loại lưu trữ đều được phân bổ theo document origin để các document có origin khác nhau sẽ không bao giờ dùng chung các đối tượng được lưu trữ.

  • sessionStorage cũng được phân bổ trên cơ sở per-window. Hai browser-tab có document từ cùng origin sẽ có dữ liệu sessionStorage riêng biệt.
  • Không như trong localStorage, các script giống nhau từ cùng một orgin không thể truy cập sessionStorage của nhau khi được mở trong các tab khác nhau.
{{login.error}}