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

Mengekalkan Nilai Pembolehubah JavaScript pada Muat Semula Halaman

Dalam JavaScript, pembolehubah biasanya kehilangan nilainya apabila halaman dimuat semula. Untuk mengatasi had ini, kami boleh memanfaatkan kaedah window.localStorage atau window.sessionStorage.

window.localStorage

localStorage membolehkan kami menyimpan pasangan nilai kunci yang berterusan di luar pelayar dimulakan semula. Ia terpakai pada keseluruhan tapak web, bukan hanya satu halaman.

Untuk menetapkan pembolehubah yang harus berterusan selepas muat semula, gunakan:

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

Untuk mendapatkan semula nilai yang berterusan dalam mana-mana halaman, gunakan:

var someVarName = localStorage.getItem("someVarKey");

window.sessionStorage

sessionStorage berfungsi sama seperti localStorage tetapi hanya mengekalkan data selagi tab penyemak imbas kekal terbuka. Ia berguna untuk menyimpan sementara maklumat khusus sesi.

Untuk menggunakan sessionStorage, gantikan localStorage dengan sessionStorage dalam contoh di atas.

Pertimbangan:

🎜>localStorage dan sessionStorage hanya boleh menyimpan rentetan. Untuk menyimpan nilai bukan rentetan, gunakan JSON.stringify dan JSON.parse.
• Adalah disyorkan untuk menggunakan pustaka atau mencipta abstraksi anda sendiri untuk memudahkan menyimpan pelbagai jenis data.
• Kaedah ini menyediakan tapak -kegigihan yang luas. Gunakannya dengan bijak untuk mengelakkan kekacauan dan kemungkinan konflik.

Rujukan:

[DOM Storan](https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage)
• [localStorage](https://developer.moz illa.org/en-US/docs/DOM/Storage#localStorage)
• [JSON](https://developer.mozilla.org/en-US/docs/JSON)
• [Pelayar Keserasian Storan](http://caniuse.com/namevalue-storage)
• [Menyimpan Objek dalam HTML5 localStorage](https://www.html5rocks.com/en/tutorials/storage/using-the- storage-api/)

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!