Contoh sederhana penggunaan JSON

16 September 2017

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>


Sumber : Jasa Pembuatan Website dan Sistem Informasi http://klatenweb.com
Selengkapnya : http://klatenweb.com/read/2017/09/16/1185/Contoh-sederhana-penggunaan-JSON.html