Bu dersimiz de
javascript json komutlarını işleyeceğiz.Json,programlama dilleri arasında veri transferi için kullanılır.Json veri göndermez,gönderilen veri tipidir.Bu şekil de tek tip veri ile diller arası dialog sağlanır.
Json'un yapısı
{isim:"değer"} şeklindedir.Veri alındığında isim yazılarak değere ulaşılır.Bu şekilde bir dilden diğer dile veriler taşınır.
Json Uygulaması : http://ustaderslik.com/konu.php?k=Jquery%20ve%20Php%20ile%20Json%20Uygulamas%C4%B1
1-JSON.stringify
JSON.stringify veriyi json formatına dönüştürmek için kullanırız.Dönüştürdüğümüz veriyi başka bir dile göndererek artık oradaki json komutlarıyla okuyabiliriz.Kullanımı
var json=JSON.stringify({ders1: "php",ders2:"javascript",ders3:"css"});
bu şekilde.İstediğimiz kadar veri girebiliriz.
2-JSON.parse
JSON.parse json olarak gelen veriyi okumamıza yarar.
var oku=JSON.parse(json);
Kullanımı bu şekilde.Artık içinden istediğimiz verinin
ismini yazar
değerini alabiliriz.
oku.ders1
gibi.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
</head>
<body>
<div id="veri"></div>
<script type="text/javascript">
var json=JSON.stringify({ders1: "php",ders2:"javascript",ders3:"css"});
var oku=JSON.parse(json);
document.getElementById("veri").innerHTML =oku.ders1+"-"+oku.ders2+"-"+oku.ders3;
</script>
</body>
</html>
Yukarıda öncelikle veriyi json formatına dönüştürdük.Daha sonra json formatını okuyup ekrana yazdırdık.