Menggunakan HTML5 Storage

Hyper Text Markup Language (HTML) adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web, HTML5 Storage merupakan cara berbagai halaman web untuk menyimpan pasasangan kunci/kunci secara lokal, dalam browser klien. Seperti halnya data yang di simpan dalam cookies, data ini tetap ada bahkan setelah anda menavigasi jauh dari situs web, menutup tab browser, atau keluar dari browser Anda, Tapi tidak seperti cookie, data ini tidak pernah dikirim ke web server.

seperti hal contoh di bawah ini;

interface Storage
{
  getter any getItem(in DOMString key);
  setter creator void setItem(in DOMString key, in any data);
};

Memanggil funghsi setItem() dengan nama kunci yang sudah ada akan mengganti nilai pada nama kunci yang lama,. Memanggil fungsi getItem() dengan nama kunci yang belum ada akan menghasilkan null.
Seperti pada objek Javascript lainnya, Anda dapat memperlakukan objek localStorage sebagai array asosiatif . daripada menngunakan getItem() dan setItem() metode, anda dapat menggunakan hanya tanda kurung siku saja:

var foo = localStorage.getItem("bar");

//...

localStorage.setItem("bar", foo);

kode di atas dapat ditulis menggunakan tanda kurung siku;

var foo = localStorage ["bar"] = foo ;

untuk menghapus nilai dalam kunci dan menghapus semua data dalam tempat penyimpanan , Anda dapat menggunakan kode berikut;

interface Storage
{
  deleter void removeItem (in DOMString key);
  void clear();
};

untuk mendapatkan jumlah total nilai yang tersimpan, dan untuk interasi semua kunci berdasarkan indeks, anda dapat menggunakan property berikut;

interface Storage 
{
  readonly attribute unsigned long length;
  getter DOMstring key(in unsigned long index);
};

Untuk melacak perubahan yang terjadi pada tempat penyimpanan, anda dapat menggunakan event storage. Jika anda memilih menggunakan Jqueryb daripada Javascript untuk mendaftarkan event method, anda dapat melakukannya seperti ini;

if (window.addEventListener)

{

       window.addEventListener("storage", handle_storage, false);

}  else

{

  window.attacEvent("onstorage", handle_storage);    

};

fungsi callback handle_storage() akan dipanggil dengan object StkorageEvent, kecuali di internet Explorer yang menyimpan object event di window.event;

function handle_storage(e)
{
  if (!e) {e = window.event;}
}

Oke itu lah penjelasan saya mengenai Menggunakan HTML5 Storage, semoga dapat bermanfaat.

Kategori