- Messages
- 585
- Points
- 10
- Language
- Tiếng Việt
Về việc lưu trữ dữ liệu trên trình duyệt, tôi đã giới thiệu với các bạn thư viện Store.js tại bài viết "Lưu trữ dữ liệu trên trình duyệt với thư viện Store.js". Bài viết này tôi tiếp tục giới thiệu với các bạn một công cụ khác dùng đề làm việc với dữ liệu trên trình duyệt đó là sử dụng thuộc tính localStorage của DOM Window trong JavaScript.
Việc sử dụng localStorage cũng rất đơn giản khi nó cung cấp các phương thức lưu, lấy, xoá dữ liệu,... Các bạn chỉ việc gọi các phương thức được cung cấp là có thể quản lý việc lưu trữ dữ liệu trên trình duyệt.
Nhược điểm của localStorage so với Store.js đó là khả năng tương thích với trình duyệt, localStorage chỉ hỗ trợ một số phiên bản trình duyệt mới sau này chứ không hỗ trợ nhiều như Store.js. Vì vậy khi sử dụng localStorage các bạn cần lưu ý tới vấn đề này để tránh trường hợp dữ liệu không được lưu trữ như mong muốn.
Các bạn tham khảo ví dụ sau để biết cách sử dụng localStorage:
Các bạn có thể tham khảo thêm về localStorage tại địa chỉ https://www.w3schools.com/jsref/prop_win_localstorage.asp.
Việc sử dụng localStorage cũng rất đơn giản khi nó cung cấp các phương thức lưu, lấy, xoá dữ liệu,... Các bạn chỉ việc gọi các phương thức được cung cấp là có thể quản lý việc lưu trữ dữ liệu trên trình duyệt.
Nhược điểm của localStorage so với Store.js đó là khả năng tương thích với trình duyệt, localStorage chỉ hỗ trợ một số phiên bản trình duyệt mới sau này chứ không hỗ trợ nhiều như Store.js. Vì vậy khi sử dụng localStorage các bạn cần lưu ý tới vấn đề này để tránh trường hợp dữ liệu không được lưu trữ như mong muốn.
Các bạn tham khảo ví dụ sau để biết cách sử dụng localStorage:
JavaScript:
//Lưu dữ liệu
localStorage.setItem('site', 'Gextend');
//Lấy dữ liệu
localStorage.getItem('site');
//Xoá dữ liệu
localStorage.removeItem('site');