Pendahuluan
JSON (JavaScript Object Notation) adalah format data yang umum digunakan dalam pertukaran data antara server dan client. JSON memberikan cara yang mudah dan ringkas untuk mengirim, menerima, dan menyimpan data. Dalam artikel ini, kita akan membahas pengertian JSON, bagaimana JSON bekerja, dan bagaimana kita dapat menggunakan JSON dalam aplikasi web.
Pengertian JSON
JSON adalah format data yang ringkas, mudah dibaca, dan mudah digunakan. JSON digunakan untuk mengirim data dari server ke client atau dari client ke server. JSON menggunakan sintaksis mirip dengan objek JavaScript, tetapi JSON adalah format data independen dari bahasa pemrograman.
Struktur JSON
JSON terdiri dari dua jenis struktur data: objek dan array. Objek JSON berisi pasangan nama dan nilai, sedangkan array JSON berisi daftar nilai. Contoh JSON objek:“`{“nama”: “John Doe”,”umur”: 30,”alamat”: {“jalan”: “Jl. Sudirman”,”kota”: “Jakarta”,”negara”: “Indonesia”}}“`Contoh JSON array:“`[{“nama”: “John Doe”, “umur”: 30},{“nama”: “Jane Doe”, “umur”: 25},{“nama”: “Bob Smith”, “umur”: 40}]“`
Kelebihan JSON
JSON memiliki beberapa kelebihan dibandingkan dengan format data lainnya, antara lain:
- Ringkas dan mudah dibaca
- Mendukung struktur data yang kompleks
- Dapat digunakan di berbagai bahasa pemrograman
- Mudah diproses oleh manusia dan mesin
Cara Menggunakan JSON
JSON dapat digunakan dalam aplikasi web dengan berbagai cara, antara lain:
Menerima Data JSON dari Server
Untuk menerima data JSON dari server, kita dapat menggunakan AJAX (Asynchronous JavaScript and XML) atau fetch API. Contoh penggunaan fetch API untuk menerima data JSON dari server:“`fetch(‘https://example.com/data.json’).then(response => response.json()).then(data => {console.log(data);});“`
Mengirim Data JSON ke Server
Untuk mengirim data JSON ke server, kita dapat menggunakan metode POST atau PUT pada AJAX atau fetch API. Contoh penggunaan fetch API untuk mengirim data JSON ke server:“`fetch(‘https://example.com/data’, {method: ‘POST’,headers: {‘Content-Type’: ‘application/json’},body: JSON.stringify({nama: ‘John Doe’, umur: 30})}).then(response => response.json()).then(data => {console.log(data);});“`
Menyimpan Data JSON di Local Storage
Untuk menyimpan data JSON di local storage, kita dapat menggunakan fungsi JSON.stringify untuk mengubah objek JavaScript menjadi string JSON, dan fungsi JSON.parse untuk mengubah string JSON menjadi objek JavaScript. Contoh penggunaan local storage untuk menyimpan data JSON:“`const data = {nama: ‘John Doe’, umur: 30};localStorage.setItem(‘data’, JSON.stringify(data));const dataFromLocalStorage = JSON.parse(localStorage.getItem(‘data’));console.log(dataFromLocalStorage);“`
Kesimpulan
JSON adalah format data yang ringkas, mudah dibaca, dan mudah digunakan dalam pertukaran data antara server dan client. JSON terdiri dari dua jenis struktur data: objek dan array. JSON memiliki beberapa kelebihan dibandingkan dengan format data lainnya, dan dapat digunakan dalam aplikasi web dengan berbagai cara, seperti menerima data JSON dari server, mengirim data JSON ke server, dan menyimpan data JSON di local storage.