Assalamualaikum wr. wb, kali ini saya akan menshare cara menggunakan local storage dan session storage. Local storage merupakan fungsi di javascript yang cara kerjanya sama seperti cookie ( data disimpan dalam browser ) tapi memiliki beberapa kelebihan kelebihan. Local storage dapat menyimpan data lebih aman dan lebih besar dibandingkan dengan cookie. Local storage juga dapat menyimpan data lebih dari 5 MB tanpa harus membebani performa browser. Banyak hal yang bisa dilakukan saat membangun aplikasi web dengan menggunakan fungsi ini dan dapat mempermudah anda dalam membuat atau membangun sebuah website yang lebih responsif di sisi client.
Menggunakan Local Storage dan Session Storage
- window.localStorage : data yang disimpan tidak memiliki waktu expired
- window.sessionStorage : data yang disimpan akan hilang jika browes ditutup
Pada dasarnya untuk menggunakan localStorage dan sessionStorage sama, terlebih dahulu kita harus mengatur key dan value nya. Langsung saja berikut adalah penjelasan cara Menggunakan Local Storage dan Session Storage.
Penggunaan Local Storage
Untuk dapat menggunakan local storage sangat mudah, berikut adalah contoh cara penggunaan local storage.
//menset localStorage
localStorage.setItem("nama", "Agus");
//mendapatkan value
localStorage.getItem("nama");
//menghapus nilai
localStorage.removeItem("nama");
Penggunaan Session Storage
Sama seperti halnya local storage, script untuk menggunakan session storage juga tidak berbeda jauh. Berikut adalah contoh cara penggunaannya.
//menset localStorage
sessionStorage.setItem("nama", "Agus");
//mendapatkan value
sessionStorage.getItem("nama");
Mudah bukan, selanjutnya anda bisa gunakan sesuai dengan kebutuhan, dalam kasus saya sering saya kombinasikan dengan Jquery. Sekian tutorial saya mengenai cara Menggunakan Local Storage dan Session Storage. Semoga dapat bermanfaat terimakasih.
