Penyimpanan web terperinci dari penyimpanan lokal HTML5

Sebelum penampilan HTML5, jika pengembang perlu menyimpan sejumlah kecil data pada klien, itu hanya dapat diimplementasikan melalui cookie, tetapi ada beberapa poin yang tidak mencukupi untuk cookie:

• Ukuran cookie di bawah setiap nama domain dibatasi hingga 4KB.

• Cookie akan mencakup dalam setiap permintaan HTTP, yang akan menyebabkan data duplikat.

• Cookie tidak memiliki enkripsi selama transmisi jaringan, dan ada bahaya keamanan tersembunyi.

Fungsi penyimpanan web ditambahkan ke HTML5. Penyimpanan Web kini telah menerima dukungan dari browser arus utama Firefox, Opera, Chrome, Safari.

Pengantar Penyimpanan Web

Penyimpanan web dibagi menjadi penyimpanan sesi dan penyimpanan lokal:

Penyimpanan Sesi: Mirip dengan sesi, periode kelangsungan hidup data yang disimpan oleh penyimpanan sesi sama dengan periode sesi.

Penyimpanan Lokal: Data yang disimpan oleh penyimpanan lokal selalu lokal secara lokal, kecuali pengguna atau program secara eksplisit jelas, data ini akan ada dalam hal yang sama.

Objek Window menyediakan dua atribut sessionStorage dan LocalStorage, yang masing -masing mewakili penyimpanan sesi dan penyimpanan lokal. Dua fungsi dan penggunaan ini hampir sama, tetapi mereka memiliki periode kelangsungan hidup yang berbeda untuk menyimpan data. Penyimpanan memberikan atribut dan metode berikut (ambil LocalStorage sebagai contoh):

• LocalStorage.length: Dapatkan jumlah pasangan nilai kunci;

• localstorage.key (indeks): kunci untuk mendapatkan indeks indeks indeks;

• localstorage.getItem (key): Dapatkan nilai yang sesuai dengan kunci yang ditentukan;

• localstorage.setItem (kunci, nilai): Simpan pasangan nilai kunci yang ditentukan;

• localstorage.removeItem (key): Hapus pasangan nilai kunci dari nilai kunci yang sesuai dengan kunci yang ditentukan;

• localstorage.clear (): Hapus semua pasangan nilai kunci.

Perlu dicatat bahwa kunci dan nilai harus string. Jadi beberapa data yang bukan string, kita dapat mengubahnya menjadi format string melalui JSON dan metode lainnya.

Penyimpanan web menyimpan banyak data dengan json

Kami terbiasa dengan penggunaan dasar atribut dan metode terkait melalui program kecil:

• Informasi dasar memasuki siswa (termasuk jumlah nomor sekolah, nama, nilai, jenis kelamin), menggunakan nomor sekolah sebagai nilai kunci untuk disimpan di penyimpanan lokal;

• menanyakan informasi dasar siswa melalui nomor sekolah;

• Tunjukkan informasi semua siswa;

Pertama -tama, kami merancang halaman HTML

Kode XML/HTML Salin konten ke clipboard