Perbedaan Cookie, Session Storage, Local Storage javascript Penyimpanan - Disini saya akan menjelaskan tetnang cookie, session storage dan local sotrage pada javascript. Hal ini cukup membingungkan tetapi disini saya akan menjelaskan dengan gamblang terkait dengan masalah penyimpanan di dalam browser ketika anda menggunakan javascript
1. COOKIE
untuk yang pertama adalah cookie, cookie ini adalah suatu penyimpanan yang dilakukan javascript kepada browser biasanya untuk menyimpan passowrd dan username. Data yang menggunakan cookie ini lebih dapat tersimpan dengan aman. Memakai cookie kita bisa mengatur waktunya sesuai dengan yang kita inginkan, Waktu bisa di set 1 jam hingga 1 hari bahkan 1 minggu, dan apabila browser ditutup cookie masih bisa digunakan sesuai dengan waktu yang telah ditentukan. tetapi data cookie ini akan bersifat sementara meskipun anda tidak mengatur waktunya maka secara default cookie ini akan menghapus datanya dengan waktu
Salah satunya cara untuk membuat perintah penyimpanan adalah
- function setCookie(cname, cvalue, exdays) {
- var d = new Date();
- d.setTime(d.getTime() + (exdays*24*60*60*1000));
- var expires = "expires="+ d.toUTCString();
- document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
- }
Salah satunya cara untuk mengambil perintah penyimpanan adalah
- function getCookie(cname) {
- var name = cname + "=";
- var decodedCookie = decodeURIComponent(document.cookie);
- var ca = decodedCookie.split(';');
- for(var i = 0; i <ca.length; i++) {
- var c = ca[i];
- while (c.charAt(0) == ' ') {
- c = c.substring(1);
- }
- if (c.indexOf(name) == 0) {
- return c.substring(name.length, c.length);
- }
- }
- return "";
- }
2. SESSION STORAGE
Perbeda dengan session cookie, session storage ini adalah sebuah penyimpanan data yang hanya bertahan ketika browser tidak ditutup atau tab tidak ditutup, Apabila browser ditutup maka secara otomatis data yang disimpan di session storage akan hilang. Biasanya data yang disimpan disini adalah data yang dimaksudkan agar setelah browser ditutup atau tab didutup data akan hilang.
Biasanya adalah data login untuk perbankan, ketika anda login diweb mandiri ataupun BCA ketika anda menutup browser anda maka secara otomatis akan hilang dan anda akan diminta untuk melakukan login kembali.
Perintah menyimpanya bisa menggunakan code dibawah ini
- //menset localStorage
- sessionStorage.setItem("nama", "Agus");
- //mendapatkan value
- sessionStorage.getItem("nama");
- //meremove value
- sessionStorage.removeItem("nama")
3. LOCAL STORAGE
lalu dengan local storage adalah sebuah penyimpanan data dimana data ini akan terus ada tidak akan pernah bisa terhapus meskipun browser ditutup, komputer dimatikan, data ini bisa hilang apabila anda menjalankan perintah hapus dan browser dilakukan clear data atau cookie juga uninstall. Oleh karenanya cara menggunakan bisa menjalankan perintah dibawah ini :
- //menset localStorage
- localStorage.setItem("nama", "Agus");
- //mendapatkan value
- localStorage.getItem("nama");
- //menghapus nilai
- localStorage.removeItem("nama");
Mungkin dari sini saja penjelasan dari saya terkait dengan perbedaan dari jenis penyimpanan javascript ini. Kalo ada yang masih bingung silahkan komentar dibawah artikel ini saja ya..