Materi Kuliah Pemrograman: Javascript : Pengenalan JSON

Selasa, 19 Januari 2010

Javascript : Pengenalan JSON

Saat ini aplikasi web telah menjadi tren yang terus menerus mengalami perbaikan. Berbagai solusi mulai dari cara koneksi (XMLHTTPRequest) dan Type data (Text,XML,JSON) telah dibuat untuk kemudahan pembuatan aplikasi web. Saya akan berbicara mengenai JSON yang merupakan typedata yang menjadi pilihan majority untuk pengembangan aplikasi web.

JSON, Javascript Object Notation adalah suatu cara penulisan data yang bersifat object oriented dan 100% compatible dengan javascript.

Mengapa Mengunakan JSON ?
1. JSON 100% Javascript compatible , jadi bisa dijalan disetiap browser
2. JSON Memiliki type data, tidak seperti xml
3. JSON Mudah dibaca baik oleh mesin maupun manusia
4. JSON Mudah ditulis/dibuat

Contoh Cara Penulisan Data Menggunakan JSON
Berikut ini adalah contoh cara penulisan dan penggunaan JSON



<html>
<head>
<script language="javascript">

var myjson = {
"nama":"budi",
"alamat":"jl raya teluk makmur",
"umur":"10"
}

function hello(){
umurbudi = eval(myjson.umur);
umurbudi++;
alert(myjson.nama + " " + umurbudi);
}

</script>
</head>
<body>
<input type="button" value="Test JSON" onclick="hello()">
</body>
</html>

Jika test berhasil, maka akan muncul messagebox dengan tulisan : Budi 11.

Jika anda pernah membaca tentang ajax, maka JSON akan dihasilkan oleh server
Kemudian dioleh dengan menggunakan javascript.Selain Itu Server (PHP/ASP/Java) juga bisa membaca
dan memparsing data - data dari JSON dan dapat dengan mudah mengkonversi menjadi Object
sesuai dengan bahasa masing - masing.

Demikian Pengenalan tentang JSON, semoga menambah keluasan dan pemahaman dalam membangun aplikasi
web. Happy Coding!