Hướng dẫn session trong javascript
Sự khác nhau và cách sử dụng Local Storage, Session Storage và CookieBạn bị lẫn lộn giữa session storage, local storage và cookies? Bài viết dưới đây sẽ giúp bạn hiểu rõ được sự khác nhau giữa 3 cách lưu trữ này. Các kiểu không gian lưu trữ khác nhau có sẵn cho các dữ liệu có thể trên máy chủ hoặc máy khách, cho phép chúng ta chọn lựa theo nhu cầu. Show
1. Local storageGiới thiệu:
Trình duyệt hỗ trợ:
Để kiểm tra xem trình duyệt có hỗ trợ localStorage hay không thì chúng ta dùng
Xem localStorage bằng trình duyệtĐể xem localstorage bằng trình duyệt các bạn vào trang web cần xem (ở đây mình ví dụ với trang web http://book.framgia.vn/) và sau đó các bạn ấn F12 (hoặc Ctrl + shift + i) sau đó làm theo như hình sau: Chọn tab Application, di chuyển đến Storage để thấy các Storage của trình duyệt. Để xem các local Storage đang được lưu trữ, mở rộng phần Local Storage như hình. Ở đây ta có thể thấy có 2 biến Local Storage đang được lưu là pusherTransportEncrypted và lang với giá trị của 2 biến được hiển thị bên cạnh (cột Value). Như vậy, cột Key chính là danh sách các biến local Storage đang được lưu và cột Value là các giá trị tương ứng. Để xóa hết các giá trị local Storage này đi, bạn có thể chọn biểu tượng cấm (Clear All) hoặc chọn bên cạnh là biểu tượng dấu X (Delete Selected).Sử dụng
Ví dụ cụ thể như sau:
Ví dụ
Hoặc xóa tất cả các biến trong localStorage, sử dụng
2. Session StorageGiới thiệu:
Trình duyệt hỗ trợ
Vì sessionStorage cũng nằm trong gói Storage nên các bạn cũng có thể sử dụng lại đoạn code kiểm tra trình duyệt có hỗ trợ Storage hay không ở phía trên. Xem Session Storage bằng trình duyệtTương tự như localStorage, có thể chọn mở rộng mục Session Storage để xem các giá trị được lưu trữ. Sử dụngsessionStorage cũng có cú pháp và cách sử dụn các thuộc tính, phương thức như localStorage:
3. CookieGiới thiệu:
Xem cookie bằng trình duyệtTương tự như localStorage, có thể chọn mở rộng mục Cookies để xem các giá trị cookie được lưu trữ Sử dụngCookie có thể được tạo bằng nhiều cách, bài viết này sẽ trình bày về sử dụng cookie trong javascript. JavaScript có thể tạo, đọc, và xóa cookies với
Chúng ta cũng có thể thêm vào ngày hết hạn cho cookie
Hoặc đặt hẹn giờ sau bao lâu cookie sẽ hết hạn với
Hoặc để lấy giá trị của 1 cookie, có thể viết một hàm như sau:
Ví dụ muốn lấy giá trị của cookie tên là
Kết quả:
Tham khảo tại https://www.w3schools.com/js/js_cookies.asp 4. Thông tin thêm
|