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://aris.proweb.asia/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://aris.proweb.asia/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://aris.proweb.asia/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>
Kunjungi www.proweb.co.id untuk menambah wawasan anda.
Mengenal format JSON