Monday, September 15, 2014

membuat localStorage

LocalStorage merupakan tambahan/ fitur yang diberikan pada html5 yang dapat digunakan dengan javascript. LocalStorage ini membuat penyimpanan pada browser. Hanya broser yang compatible saja yang dapat mengakses menggunakan localstorage. Browser saat ini sudah mendukung localstorage. Untuk mengecek apakah broseser tersebut compatible atau tidak gunakan script sebagai berikut :

<script>
          if(typeof(localStorage) == 'undefined')
     alert('Browser anda tidak mendukung localStorage.!');
else
     alert('Browser anda mendukung localStorage.');
</script>

Untuk menyimpan variable di localStorage gunakan script dibawah ini :

<script>
         localStorage.setItem('nama','data');
</script>

Untuk mengambil data :

<script>
        localStorage.getItem('nama');
</script>

Untuk menghapus data yang di localStorage :

<script>
        localstorage.removeItem('nama');
</script>

Untuk menyimpan data di localStorage menggunakan JSON/ array :

<script>
         localStorage.setItem('nama',JSON.stringify(data_array));
</script>

Untuk mengambil data JSON / array dari localstorage:

<script>
       var result = JSON.parse(localstorage.getItem('nama'));
       $.each(result, function(i,field)){
             var data = result[i].data;
       });
</script>

mungkin sekian saja yang bisa dishare. masih banyak yang perlu dipelajari dan dipahami. semoga dapat menulis lebih baik dan bermanfaat lagi.

No comments:

Post a Comment