API Penyimpanan Web
Web Storage API adalah sintaks sederhana untuk menyimpan dan mengambil data di browser. Ini sangat mudah digunakan:
Contoh
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Web Storage API didukung di semua browser:
Chrome | IE/Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Obyek Penyimpanan lokal
Objek localStorage menyediakan akses ke penyimpanan lokal untuk Situs Web tertentu. Ini memungkinkan Anda untuk menyimpan, membaca, menambah, mengubah, dan menghapus item data untuk domain tersebut.
Data disimpan tanpa tanggal kedaluwarsa, dan tidak akan dihapus saat browser ditutup.
Data akan tersedia selama berhari-hari, berminggu-minggu, dan bertahun-tahun.
Metode setItem()
Metode localStorage.setItem() menyimpan item data dalam penyimpanan.
Dibutuhkan nama dan nilai sebagai parameter:
Contoh
localStorage.setItem("name", "John Doe");
Metode getItem()
Metode localStorage.getItem() mengambil item data dari penyimpanan.
Dibutuhkan nama sebagai parameter:
Contoh
localStorage.getItem("name");
Objek sessionStorage
Objek sessionStorage identik dengan objek localStorage.
Perbedaannya adalah bahwa objek sessionStorage menyimpan data untuk satu sesi.
Data dihapus saat browser ditutup.
Contoh
sessionStorage.getItem("name");
Metode setItem()
Metode sessionStorage.setItem() menyimpan item data dalam penyimpanan.
Dibutuhkan nama dan nilai sebagai parameter:
Contoh
sessionStorage.setItem("name", "John Doe");
Metode getItem()
Metode sessionStorage.getItem() mengambil item data dari penyimpanan.
Dibutuhkan nama sebagai parameter:
Contoh
sessionStorage.getItem("name");
Properti dan Metode Objek Penyimpanan
Property/Method | Description |
---|---|
key(n) | Returns the name of the nth key in the storage |
length | Returns the number of data items stored in the Storage object |
getItem(keyname) | Returns the value of the specified key name |
setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
removeItem(keyname) | Removes that key from the storage |
clear() | Empty all key out of the storage |
Halaman Terkait untuk API Penyimpanan Web
Property | Description |
---|---|
window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |