Rumah > hujung hadapan web > tutorial js > Apakah sessionstorage

Apakah sessionstorage

百草
Lepaskan: 2023-09-22 11:26:23
asal
1836 orang telah melayarinya

sessionstorage ialah mekanisme storan yang disediakan oleh pelayar web untuk menyimpan dan mengakses data semasa sesi penyemak imbas Ia adalah sebahagian daripada spesifikasi HTML5 Ia menyediakan satu set API mudah yang boleh mengendalikan sessionStorage melalui JavaScript dan hanya sah semasa sesi semasa Ia sangat berguna untuk menyimpan data sementara berkaitan sesi, seperti maklumat log masuk pengguna, kandungan troli beli-belah, dsb.

Apakah sessionstorage

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

sessionStorage ialah mekanisme storan yang disediakan oleh pelayar web untuk menyimpan dan mengakses data semasa sesi pelayar. Ia adalah sebahagian daripada spesifikasi HTML5 dan menyediakan cara mudah untuk menyimpan dan mendapatkan semula data melalui API JavaScript.

sessionStorage adalah serupa dengan localStorage, tetapi mempunyai beberapa perbezaan utama. sessionStorage hanya sah semasa sesi penyemak imbas semasa, iaitu, apabila pengguna menutup tetingkap atau tab penyemak imbas, data yang disimpan dalam sessionStorage akan dikosongkan. LocalStorage adalah berterusan Walaupun pelayar ditutup, data yang disimpan dalam localStorage akan sentiasa wujud.

SessionStorage sangat mudah digunakan. SessionStorage boleh diakses dan dimanipulasi menggunakan objek sessionStorage dalam JavaScript. Berikut ialah beberapa kaedah sessionStorage yang biasa digunakan:

1 setItem(key, value): Simpan pasangan kunci-nilai dalam sessionStorage. kunci ialah kunci data yang akan disimpan, dan nilai ialah nilai data yang akan disimpan. Contohnya:

sessionStorage.setItem('username', 'John');
Salin selepas log masuk

Kod di atas menyimpan nama pengguna dalam sessionStorage dengan kunci 'nama pengguna' dan nilai 'John'.

2. getItem(key): Dapatkan semula nilai kunci yang ditentukan daripada sessionStorage. Contohnya:

var username = sessionStorage.getItem('username');
console.log(username); // 输出:John
Salin selepas log masuk

Kod di atas mendapatkan semula nilai dengan kunci 'nama pengguna' daripada sessionStorage dan memberikannya kepada nama pengguna berubah.

3. removeItem(key): Padamkan data kunci yang ditentukan daripada sessionStorage. Contohnya:

sessionStorage.removeItem('username');
Salin selepas log masuk

Kod di atas akan memadamkan data dengan kunci 'nama pengguna' daripada sessionStorage.

4. clear(): Kosongkan semua data dalam sessionStorage. Contohnya:

sessionStorage.clear();
Salin selepas log masuk

Kod di atas akan mengosongkan semua data dalam sessionStorage.

sessionStorage juga mempunyai beberapa ciri dan kegunaan lain:

1 Jenis data: sessionStorage hanya boleh menyimpan data jenis rentetan. Jika anda ingin menyimpan jenis data lain, anda perlu menukarnya kepada rentetan terlebih dahulu.

2 Skop: Skop sessionStorage terhad kepada tetingkap atau tab penyemak imbas semasa. SesiStorage antara tetingkap atau tab yang berbeza diasingkan dan tidak menjejaskan satu sama lain.

3 Kapasiti storan: Kapasiti storan sessionStorage biasanya lebih kecil daripada localStorage. Pelayar yang berbeza mempunyai had pada kapasiti storan sessionStorage, yang biasanya 5MB atau kurang.

4 Keselamatan: Data yang disimpan dalam sessionStorage hanya disimpan pada klien (pelayar) dan tidak akan dihantar ke pelayan. Oleh itu, ia tidak sesuai untuk menyimpan maklumat sensitif.

Untuk meringkaskan, sessionStorage ialah mekanisme storan yang disediakan oleh pelayar web untuk menyimpan dan mengakses data semasa sesi pelayar. Ia menyediakan satu set mudah API untuk mengendalikan sessionStorage melalui JavaScript. Berbanding dengan localStorage, sessionStorage adalah sementara dan hanya sah semasa sesi semasa. Ia berguna untuk menyimpan data sementara berkaitan sesi, seperti maklumat log masuk pengguna, kandungan troli beli-belah, dsb. Walau bagaimanapun, perlu diingatkan bahawa sessionStorage tidak sesuai untuk menyimpan maklumat sensitif dan mempunyai kapasiti storan yang terhad.

Atas ialah kandungan terperinci Apakah sessionstorage. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan