27 Haziran 2017 Salı

Javascript ile Local Storage Alanına Veri Kaydedip Okumak

<!DOCTYPE html>
<html>
<head>
<title>Javascript: Local Storage</title>
</head>
<body>
<h2>Local Storage Alanına Veri Kaydedip Okumak</h2>
<p id="mesajAlani"></p>
<script>
// Veri Kaydetmek
var kisiNesnesi = { "ad":"Ercan", "soyad":"Bozkurt", "yas":37 };
function kaydet(){
var kisiJSON = JSON.stringify(kisiNesnesi);
localStorage.setItem("JSONData", kisiJSON);
};
// Veri Çekmek
function oku(){
var textData = localStorage.getItem("JSONData");
var nesne = JSON.parse(textData);
document.getElementById("mesajAlani").innerHTML = nesne.ad + " " + nesne.soyad;
};
</script>
<button onclick="kaydet();">KAYDET</button> -
<button onclick="oku();">OKU</button>
<p><a href="http://ercanbozkurt.blogspot.com.tr/2017/06/javascript-local-storage-alanina-veri-kaydet-oku.html">http://ercanbozkurt.blogspot.com.tr</a></p>
</body>
</html>

Hiç yorum yok: