Hướng dẫn save data in localstorage javascript - lưu dữ liệu trong javascript lưu trữ cục bộ
Biên tập viên Lưu ý: Bài đăng này được cập nhật vào ngày 29 tháng 12 năm 2020. This post was updated on 29 December 2020. Show
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách sử dụng cơ chế const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));0 và xem xét những điều cơ bản của lưu trữ web trong JavaScript. Chúng tôi sẽ đề cập chi tiết như sau:
API lưu trữ web là gì?Sự khác biệt giữa const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));1 và localStorage là gì?
Sự khác biệt giữa const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));1 và localStorage là gì?
const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));0 là gì? localStorage trong JavaScript là gì?
const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));0 là gì? localStorage được lưu trữ ở đâu?const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));0 là gì?
const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));0 là gì?
const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));7: Cách lưu trữ giá trị trong localStorage localStorage hoạt động như thế nào?const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));7: Cách lưu trữ giá trị trong localStorage
const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));7: Cách lưu trữ giá trị trong localStorageconst person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));9: Cách lấy các mặt hàng từ localStorage window.localStorage.getItem('user');1: Cách xóa các phiên localStorage window.localStorage.setItem('name', 'Obaseki Nosa'); window.localStorage.getItem('user');3: Cách & NBSP; Xóa tất cả các mục trong localStorage window.localStorage.getItem('user');5: Cách lấy tên của khóa trong localStorage
const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person)); const person = { name: "Obaseki Nosa", location: "Lagos", } window.localStorage.setItem('user', JSON.stringify(person));9: Cách lấy các mặt hàng từ localStoragewindow.localStorage.getItem('user');1: Cách xóa các phiên localStorage window.localStorage.getItem('user');3: Cách & NBSP; Xóa tất cả các mục trong localStorage window.localStorage.getItem('user');5: Cách lấy tên của khóa trong localStorage window.localStorage.getItem('user');
“{“name”:”Obaseki Nosa”,”location”:”Lagos”}”
API lưu trữ web là một tập hợp các cơ chế cho phép các trình duyệt lưu trữ các cặp giá trị khóa. Nó được thiết kế để trực quan hơn nhiều so với sử dụng cookie. JSON.parse(window.localStorage.getItem('user')); window.localStorage.getItem('user');1: Cách xóa các phiên localStoragewindow.localStorage.getItem('user');3: Cách & NBSP; Xóa tất cả các mục trong localStorage window.localStorage.getItem('user');5: Cách lấy tên của khóa trong localStorage window.localStorage.removeItem('name'); window.localStorage.getItem('user');3: Cách xóa tất cả các mục trong localStorageSử dụng phương thức window.localStorage.getItem('user');3 để xóa tất cả các mục trong localStorage .Nhiều bài viết tuyệt vời hơn từ Logrocket:
Phương pháp này, khi được gọi, xóa toàn bộ lưu trữ của tất cả các bản ghi cho miền đó. Nó không nhận được bất kỳ thông số nào. window.localStorage.clear(); window.localStorage.getItem('user');5: Cách lấy tên của khóa trong localStoragePhương pháp window.localStorage.getItem('user');5 có ích trong các tình huống mà bạn cần lặp qua các phím và cho phép bạn chuyển một số hoặc chỉ mục cho localStorage để lấy tên của khóa.var KeyName = window.localStorage.key(index); localStorage Hỗ trợ trình duyệt
if (typeof(Storage) !== "undefined") { // Code for localStorage } else { // No web storage Support. } localStorage Hạn chếDễ dàng như sử dụng
Với những điều này, chúng tôi đã được trang bị sức mạnh của Logrocket: Debug Lỗi JavaScript dễ dàng hơn bằng cách hiểu bối cảnhMã gỡ lỗi luôn là một nhiệm vụ tẻ nhạt. Nhưng bạn càng hiểu lỗi của mình thì càng dễ dàng sửa chúng. Logrocket cho phép bạn hiểu các lỗi này theo những cách mới và độc đáo. Giải pháp giám sát frontend của chúng tôi theo dõi sự tham gia của người dùng với các mặt tiền JavaScript của bạn để cung cấp cho bạn khả năng tìm hiểu chính xác những gì người dùng đã làm dẫn đến lỗi. Logrocket Records nhật ký bảng điều khiển, thời gian tải trang, ngăn xếp, yêu cầu/phản hồi mạng chậm với các tiêu đề + thân, siêu dữ liệu trình duyệt và nhật ký tùy chỉnh. Hiểu được tác động của mã JavaScript của bạn sẽ không bao giờ dễ dàng hơn! Hãy thử nó miễn phí. |