Cara Menggunakan localStorage dalam JavaScript

Cara Menggunakan localStorage dalam JavaScript

Mekanisme localStorage menyediakan jenis objek storan web yang membolehkan anda menyimpan dan mendapatkan semula data dalam penyemak imbas. Anda boleh menyimpan dan mengakses data tanpa tamat tempoh; data akan tersedia walaupun selepas pelawat menutup tapak anda.





Anda biasanya akan mengakses localStorage menggunakan JavaScript. Dengan sejumlah kecil kod, anda boleh membina projek sampel, seperti pembilang skor. Ini akan menunjukkan cara anda boleh menyimpan dan mengakses data berterusan menggunakan kod sebelah pelanggan sahaja.





Apakah LocalStorage dalam JavaScript?

Objek localStorage ialah sebahagian daripada API storan web yang disokong oleh kebanyakan pelayar web. Anda boleh menyimpan data sebagai pasangan nilai kunci menggunakan localStorage. Kekunci dan nilai unik hendaklah dalam format Rentetan DOM UTF-16.





Jika anda ingin menyimpan objek atau tatasusunan, anda perlu menukarnya kepada rentetan menggunakan JSON.stringify() kaedah. Anda boleh menyimpan sehingga 5MB data dalam localStorage. Selain itu, semua tetingkap dengan asal yang sama boleh berkongsi data localStorage tapak tersebut.

Penyemak imbas tidak akan memadamkan data ini walaupun pengguna menutupnya. Ia akan tersedia kepada tapak web yang menciptanya semasa sebarang sesi akan datang. Walau bagaimanapun, anda tidak seharusnya menggunakan localStorage untuk data sensitif kerana skrip lain yang berjalan pada halaman yang sama boleh mengaksesnya.



localStorage lwn sessionStorage

The localStorage dan sessionStorage objek adalah sebahagian daripada API Storan Web yang menyimpan pasangan nilai kunci secara setempat. Semua pelayar moden menyokong kedua-duanya. Dengan localStorage, data tidak luput walaupun selepas pengguna menutup penyemak imbas mereka. Ini berbeza daripada sessionStorage yang mengosongkan data apabila sesi halaman tamat. Sesi halaman tamat apabila anda menutup tab atau tetingkap.