Menyimpan dan Mengambil Data di Penyimpanan Lokal dengan HTML5

Dengan HTML5, Anda dapat menulis hingga 5MB data ke file khusus di komputer klien. Semua halaman yang berasal dari domain Anda berbagi area penyimpanan yang sama, sehingga Anda dapat menggunakan mekanisme ini untuk menjaga data tetap terjaga di antara beberapa halaman. Data juga tetap berada di mesin klien (sampai Anda menghapusnya), sehingga dapat digunakan untuk melacak informasi dari waktu ke waktu. > Pertama, Anda menulis beberapa kode untuk menyimpan dan mengambil informasi. Misalnya, potongan kode yang menyimpan dan mengambil nama pengguna terlihat seperti ini:

function greet () {name = localhost, getName ("name"); if (name == null || name == "null") {alert ("Hai, Stranger!"); name = prompt ("siapa namamu?"); localStorage. set_tem ("nama", nama);} else {alert ("Hi," + name + "!");} // end greet} // fungsi akhir

Proses pengambilannya cukup sederhana:

Retrieve nilainya.

1. Umumnya, Anda akan membuat sebuah variabel dengan nama yang sama dengan nama kunci. Cobalah untuk mengambil nilai dari objek localStorage dengan metode getItem (). Mengambil data seperti memeriksa buku dari perpustakaan.

   Tentukan apakah nilainya ada

2. Jika kuncinya tidak ada, nilainya akan batal. Jika itu masalahnya, lakukan sesuatu untuk menambahkan nilai. Perhatikan bahwa beberapa browser mencari nilai "null" (nilai string) dan beberapa sebenarnya menggunakan kata kunci null (tidak ada tanda petik, karena ini adalah kata kunci). Gunakan operator khusus || (atau) untuk memeriksa kemungkinan.

   Ubah variabelnya.

3. Kode Anda kemungkinan akan memodifikasi variabel.

   Simpan kembali nilai di database.

4. Database LocalStorage dipisahkan dari variabel Anda. Terserah Anda untuk memperbarui data yang ingin Anda simpan. Gunakan metode setItem () untuk menyimpan data. Ini seperti mengembalikan sebuah buku ke perpustakaan.