Tutorial SessionStorage di HTML5


SessionStorage adalah attribut DOM yang didefinisikan oleh HTML5, menggunakan objek global atau bisa dikatakan sebagai instans dari window javascript.

sessionStorage merupakan objek dengan tipe  Storage yang dapat menyimpan dengan nilai yang diberikan pada saat inisiali tiap window. sessionStorage dibuat berdasarkan request user dan akan terhapus ketika sudah tidak ada akses/terputus pada window tersebut. sessionStorage sudah diimplementasikan pada browser sejak Firefox 3, Internet Explorer 8 dan Chrome, Safari.

Metode pada Storage interface

Type Name & arguments Purpose
DOMString key(int)
Returns the name of a key at the index in argument.
DOMString getItem(DOMString)
Returns the value of the key.
void setItem(DOMString, DOMString)
Assigns a value to a key.
void removeItem(DOMString)
Removes the key whose name is in argument.
void clear()
Clear the storage space. All keys are removed.

Test Kompatibilitas

Untuk mengetahui apakah browser yang anda gunakan mendukung untuk menggunakan sessionStorage dapat dilakukan dengan:

if(sessionStorage == null) document.write("Storage not supported by the browser");

Dan jika didukung maka akan menampilkan:

sessionStorage supported

Cara Menggunakan

sessionStorage.login = "user";

atau

sessionStorage["login"] = "user";

Lalu anda dapat mengambil nilai yang disimpan dengan cara:

var login = sessionStorage.login;

Selamat mencoba