API Penyimpanan Web

Web Storage API adalah sintaks yang sederhana untuk menyimpan dan mengambil data di browser. Dia sangat mudah digunakan:

Instansi

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

Coba sendiri

Semua browser mendukung Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung

Objek localStorage

Objek localStorage menyediakan akses ke penyimpanan lokal untuk situs khusus. Ini memungkinkan Anda menyimpan, membaca, menambah, memodifikasi, dan menghapus item data untuk domai tersebut.

Data yang disimpan tidak memiliki tanggal kadaluarsa dan tidak akan dihapus saat browser ditutup.

Data ini akan tersedia dalam beberapa hari, minggu, dan tahun.

Metode setItem()

Metode localStorage.setItem() menyimpan item data di storage.

Dia menerima nama dan nilai sebagai parameter:

Instansi

localStorage.setItem("name", "Bill Gates");

Metode getItem()

Metode localStorage.getItem() mengambil item data dari penyimpanan (storage).

Dia menerima nama sebagai parameter:

Instansi

localStorage.getItem("name");

Objek sessionStorage

Objek sessionStorage sama dengan objek localStorage.

Perbedaan utamanya adalah objek sessionStorage menyimpan data sesi.

Data akan dihapus saat browser ditutup.

Instansi

sessionStorage.getItem("name");

Coba sendiri

Metode setItem()

Metode sessionStorage.setItem() menyimpan item data di penyimpanan (storage).

Dia menerima nama dan nilai sebagai parameter:

Instansi

sessionStorage.setItem("name", "Bill Gates");

Metode getItem()

Metode sessionStorage.getItem() mengambil item data dari penyimpanan (storage).

Dia menerima nama sebagai parameter:

Instansi

sessionStorage.getItem("name");

Atribut dan Metode Objek Storage

Atribut/Metode Deskripsi
key(n) Kembalikan nama kunci yang ke n dari penyimpanan.
length Kembalikan jumlah item yang disimpan di objek Storage.
getItem(kunci) Kembalikan nilai kunci yang ditentukan.
setItem(kunci, nilai) Tambahkan kunci ke penyimpanan, atau update nilai kunci jika kunci sudah ada.
removeItem(kunci) Hapus kunci yang ada di dalam penyimpanan.
clear() Bersihkan semua kunci.

Halaman yang berhubungan dengan Web Storage API

Properti Deskripsi
window.localStorage Izinkan untuk menyimpan pasangan kunci/nilai di pemanggilan Web browser. Simpan data tanpa batas tanggal kadaluarsa.
window.sessionStorage Izinkan untuk menyimpan pasangan kunci/nilai di pemanggilan Web browser. Simpan data sesi.