Fungsi penyimpanan lokal yang disediakan oleh HTML5 memungkinkan aplikasi web menyimpan data di browser lokal pengguna. Dalam HTML5, data tidak diteruskan oleh setiap permintaan server, namun data hanya digunakan saat diminta. Itu memungkinkan untuk menyimpan data dalam jumlah besar tanpa mempengaruhi kinerja situs web.
Ada dua metode penyimpanan di sisi klien:
1. Penyimpanan lokal: Penyimpanan tanpa batas waktu dan kapasitas besar, minimal berukuran 5M; semua halaman dengan nama domain yang sama dapat menyimpan dan memperoleh data yang sama;
2. sessionStorage: Untuk penyimpanan data suatu sesi, tab akan hilang ketika ditutup.
Saat ini, sebagian besar browser sudah mendukung HTML5 dengan sangat baik, namun demi keamanan, deteksi klien harus dilakukan sebelum digunakan:
if (typeof(Storage) !== undefinisi) { // Kode untuk localStorage/sessionStorage.} else { // Maaf! Tidak ada dukungan Penyimpanan Web..}Alasan mengapa saya menggunakan fungsi ini adalah karena saya sedang mengerjakan situs web berbasis data. Saya perlu meneruskan parameter kueri ke backend melalui antarmuka API dan mendapatkan data yang dikembalikan dari database. Dan ada masalah di sini. Saya ingin melompat dari halaman a ke halaman b, lalu memanggil antarmuka API di halaman b untuk meneruskan data parameter ke latar belakang dan mendapatkan data bagaimana cara mentransfer halaman a ke halaman a? Bagaimana dengan meneruskan nilai yang dihasilkan ke halaman b?
Asumsikan bahwa nilai dan format data yang ingin kita teruskan ke latar belakang adalah: {unitGroup:[一年级,二年级,三年级];
Kemudian setelah halaman a menghasilkan data unitGroup yang kita butuhkan, gunakan sessionStorage:
if (typeof(Penyimpanan) !== tidak ditentukan) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}Kemudian pada halaman b, Anda bisa mendapatkannya melalui pernyataan berikut:
var unit_group = '';if (typeof(Penyimpanan) !== tidak terdefinisi) { var unit saya = sessionStorage[unitGroup];Kemudian Anda dapat memanggil ajax untuk meneruskan data ke latar belakang:
var Data baru = {unitGroup: unit_group};Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.