HTML Local Storage

♠ Posted by Unknown at 06.03

 HTML Local Storage (Penyimpanan Lokal)

Apa itu HTML Local Storage (Penyimpanan Lokal) ?

       Dengan penyimpanan lokal , aplikasi web dapat menyimpan data secara lokal dalam browser pengguna . Sebelum HTML5 , data aplikasi harus disimpan dalam cookie , termasuk dalam setiap permintaan server. Penyimpanan lokal lebih aman , dan sejumlah besar data dapat disimpan secara lokal , tanpa mempengaruhi kinerja website . Tidak seperti cookies , batas penyimpanan yang jauh lebih besar ( setidaknya 5MB ) dan informasi yang tidak pernah ditransfer ke server . Penyimpanan lokal adalah per asal ( per domain dan protokol ) . Semua halaman , dari satu asal , dapat menyimpan dan mengakses data yang sama.

HTML Local Storage Objects
  
HTML penyimpanan lokal memberikan dua objek untuk menyimpan data pada klien :     

• window.localStorage - menyimpan data tanpa tanggal kedaluwarsa
• window.sessionStorage - menyimpan data untuk satu sesi ( data hilang ketika tab browser ditutup )

  
Sebelum menggunakan penyimpanan lokal , memeriksa dukungan browser untuk localStorage dan sessionStorage :

The localStorage Object
  
Objek localStorage menyimpan data tanpa tanggal kedaluwarsa . Data tidak akan dihapus bila browser ditutup , dan akan tersedia pada hari berikutnya , minggu, atau tahun.
  
Contoh : 

• Membuat nama localStorage / nilai pasangan dengan nama = "Lastname" dan value = " Smith "     
• Mengambil nilai dari "Lastname" dan masukkan ke dalam elemen dengan id = "result"

Sintaks untuk menghapus "Lastname" item localStorage adalah sebagai berikut:

  
Catatan : Nama / nilai pasangan selalu disimpan sebagai string . Ingatlah untuk mengkonversikannya ke format lain bila diperlukan.
  
Contoh berikut menghitung berapa kali pengguna telah mengklik tombol. Dalam kode ini string nilai dikonversi menjadi angka untuk dapat meningkatkan counter :

The sessionStorage Object
  
Objek sessionStorage sama dengan objek localStorage , kecuali bahwa itu menyimpan data hanya untuk satu sesi . Data tersebut dihapus ketika pengguna menutup tab browser tertentu.
Contoh berikut menghitung berapa kali pengguna telah mengklik tombol , dalam sesi saat ini :

 
 Sumber : http://www.w3schools.com