Contoh sederhana penggunaan JSON
JSON atau Javascript Object Notation adalah format pertukaran data dengan ukuran data yang kecil. Kita dapat dengan mudah membuat dan membaca format JSON.
Ada 2 macam struktur JSON yaitu
Array Formatnya [value1,value2,value3 ...]
Object yang merupakan kumpulan dari pasangan nama/nilai atau name/value.
Formatnya { name1:value1, name2:value2,name3:value3 ....}
Contoh untuk array adalah :
var arrayKu = ["andi","budi","cica"];
Demo bisa dilihat di http://klatenweb.com/json/json1.html dengan source lengkapnya
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body>
<script>
var arrayKu = ["andi","budi","cica"];
alert(arrayKu[0]);
</script>
</body>
</html>
Contoh untuk object adalah :
var objKu = {"nama":"budi","posisi":"designer","tahun_masuk":2001};
Demo bisa dilihat di http://klatenweb.com/json/json2.html dengan source lengkapnya:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body>
<script>
var objKu = {"nama":"budi","posisi":"designer","tahun_masuk":2001};
alert(objKu.posisi);
</script>
</body>
</html>
Contoh gabungannya adalah :
var objKu = { "karyawan" :[
{"nama":"andi","posisi":"programer","tahun_masuk":2000},
{"nama":"budi","posisi":"designer","tahun_masuk":2001},
{"nama":"cica","posisi":"finance","tahun_masuk":2002},
]};
Demo bisa dilihat di http://klatenweb.com/json/json3.html dengan source lengkapnya :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body>
<script>
var objKu = { "karyawan" :[
{"nama":"andi","posisi":"programer","tahun_masuk":2000},
{"nama":"budi","posisi":"designer","tahun_masuk":2001},
{"nama":"cica","posisi":"finance","tahun_masuk":2002},
]
};
alert(objKu.karyawan[0].nama);
</script>
</body>
</html>
Direkomendasikan
Message Me On Whatsapp