Bagaimanakah Saya Boleh Mengekalkan Nilai Pembolehubah JavaScript Selepas Muat Semula Halaman?

Mengekalkan Nilai Pembolehubah JS Selepas Muat Semula Halaman

Mengekalkan nilai pembolehubah JavaScript merentas penyegaran halaman adalah penting untuk aplikasi web dinamik dan memelihara maklumat khusus pengguna . Untuk mencapai matlamat ini, kami perlu memanfaatkan mekanisme storan web yang mengekalkan data walaupun semasa halaman dimuat semula.

Satu alat yang berkuasa ialah localStorage, yang membolehkan anda menyimpan data secara kekal dalam penyemak imbas untuk keseluruhan laman web. Ini berfaedah jika anda ingin mengekalkan maklumat merentas berbilang sesi. Untuk menetapkan nilai menggunakan localStorage, gunakan:

window.localStorage.setItem("variableName", value);

Untuk mendapatkan semula nilai, cuma gunakan:

let retrievedValue = window.localStorage.getItem("variableName");

Sebagai alternatif, jika anda perlu menyimpan data yang hanya akan disimpan dalam sesi pelayar semasa, anda boleh menggunakan sessionStorage. Sintaks adalah serupa dengan localStorage, tetapi sessionStorage akan mengosongkan data apabila tetingkap penyemak imbas ditutup.

window.sessionStorage.setItem("variableName", value);
let retrievedValue = window.sessionStorage.getItem("variableName");

Adalah penting untuk ambil perhatian bahawa hanya nilai rentetan boleh disimpan terus dalam mekanisme ini. Untuk menyimpan jenis data lain, pertimbangkan untuk menggunakan JSON.stringify() dan JSON.parse() untuk penukaran.

Untuk mendapatkan maklumat dan penyelesaian yang lebih mendalam untuk penyemak imbas yang tidak menyokong localStorage, rujuk sumber berikut :

• [Storan DOM MDN Panduan](https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage)
• [localStorage](https://developer.mozi lla.org/en-US/docs/DOM/Storage#localStorage)
• [JSON](https://developer.mozilla.org/en-US/docs/JSON)
• [Pelayar Keserasian Storan](http://caniuse.com/namevalue-storage)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Nilai Pembolehubah JavaScript Selepas Muat Semula Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!