Struktur-struktur data ini disebut sebagai struktur data universal. Pada dasarnya, semua bahasa pemprograman modern mendukung struktur data ini dalam bentuk yang sama maupun tidak. Hal ini pantas disebut demikian karena format data mudah diganti dengan bahasa-bahasa pemprograman yang juga berdasarkan pada struktur data ini.<\/p>\n
Struktur Data Dasar JSON (JavaScript Object Notation)<\/h1>\n1. Objek<\/b><\/h3>\n
![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/object.png\")
<\/p>\n
Objek<\/b> adalah sepasang nama\/nilai yang tidak terurutkan. Objek dimulai dengan {<\/tt>kurung kurawal buka<\/small> dan diakhiri dengan }<\/tt>kurung kurawal tutup<\/small>. Setiap nama diikuti dengan :<\/tt>titik dua<\/small> dan setiap pasangan nama\/nilai dipisahkan oleh ,<\/tt>koma<\/small>.<\/p>\n2. Larik<\/b><\/h3>\n
![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/array.png\")
<\/p>\n
Larik<\/b> adalah kumpulan nilai yang terurutkan. Larik dimulai dengan [<\/tt>kurung kotak buka<\/small> dan diakhiri dengan ]<\/tt>kurung kotak tutup<\/small>. Setiap nilai dipisahkan oleh ,<\/tt>koma<\/small>.<\/p>\n3. Nilai<\/b><\/h3>\n
![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/value.png\")
<\/p>\n
Nilai<\/b> (value<\/i>) dapat berupa sebuah string<\/b> dalam tanda kutip ganda, atau angka<\/i>, atau true<\/tt> atau false<\/tt> atau null<\/tt>, atau sebuah objek<\/i> atau sebuah larik<\/i>. Struktur-struktur tersebut dapat disusun bertingkat.<\/p>\n4. String<\/b><\/h3>\n
![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/string.png\")
<\/p>\n
String<\/b> adalah kumpulan dari nol atau lebih karakter Unicode, yang dibungkus dengan tanda kutip ganda. Di dalam string dapat digunakan backslash escapes<\/i> “\\” untuk membentuk karakter khusus. Sebuah karakter mewakili karakter tunggal pada string. String sangat mirip dengan string C atau Java.<\/p>\n5. Angka<\/b><\/h3>\n
![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/number.png\")
<\/p>\n
Angka<\/b> adalah sangat mirip dengan angka di C atau Java, kecuali format oktal dan heksadesimal tidak digunakan.<\/p>\n6. Spasi Kosong (whitespace)<\/h3>\n
![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/whitespace.png\")
<\/p>\n
Spasi kosong (whitespace<\/i>) dapat disisipkan di antara pasangan tanda-tanda tersebut, kecuali beberapa detil encoding<\/i> yang secara lengkap dipaparkan oleh bahasa pemprograman yang bersangkutan.<\/p>\n
Spasi kosong diperbolehkan dan diabaikan di sekitar atau di antara elemen sintaksis (nilai dan tanda baca, tetapi tidak dalam nilai string).\u00a0Empat karakter spesifik dianggap spasi kosong untuk tujuan ini : Spasi, tab horizontal, umpan garis, dan carriage return. Secara khusus, tanda urutan byte tidak boleh di buat oleh implementasi yang sesuai (meskipun mungkin diterima saat mengurai JSON).\u00a0JSON tidak menyediakan sintaks untuk komentar.<\/p>\n
Versi awal JSON mensyaratkan bahwa teks JSON yang valid harus terdiri dari hanya satu objek atau jenis larik, yang dapat berisi jenis lain di dalamnya.<\/p>\n
Contoh berikut menunjukkan kemungkinan representasi JSON yang menggambarkan seseorang.<\/p>\n
{ <\/span>\r\n \"firstName\" <\/span>: <\/span> \"John\" <\/span>, <\/span>\r\n \"lastName\" <\/span>: <\/span> \"Smith\" <\/span>, <\/span>\r\n \"isAlive\" <\/span>: <\/span> true <\/span>, <\/span>\r\n \"age\" <\/span>: <\/span> 27 <\/span>, <\/span>\r\n \"address\" <\/span>: <\/span> { <\/span>\r\n \"streetAddress\" <\/span>: <\/span> \"21 2nd Street\" <\/span>, <\/span>\r\n \"city\" <\/span>: <\/span> \"New York \" <\/span>, <\/span>\r\n \" state \" <\/span>: <\/span> \" NY \" <\/span>, <\/span>\r\n \" postalCode \" <\/span>: <\/span> \" 10021-3100 \" <\/span>\r\n }, <\/span>\r\n \" phoneNumbers \" <\/span>: <\/span> [ <\/span>\r\n { <\/span>\r\n \" type \" <\/span>:<\/span> \"rumah\" <\/span>, <\/span>\r\n \"nomor\" <\/span>: <\/span> \"212 555-1234\" <\/span>\r\n }, <\/span>\r\n {<\/span>\r\n \"type\" <\/span>: <\/span> \"office\" <\/span>, <\/span>\r\n \"number\" <\/span>: <\/span> \"646 555-4567\" <\/span>\r\n } <\/span>\r\n ], <\/span>\r\n \"children\" <\/span>: <\/span> [], <\/span>\r\n \"spouse\" <\/span>: <\/span> null <\/span>\r\n}<\/span>\r\n<\/pre>\n<\/div>\nPenerapan JSON (JavaScript Object Notation) dalam Pemrograman<\/h1>\n
JSON (JavaScript Object Notation) biasanya digunakan sebagai format standar untuk bertukar data antar aplikasi. Tapi sebenarnya tidak hanya itu saja, masih ada fungsi lain dari JSON.<\/p>\n
![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/Penerapan-jsn.png\")
<\/p>\n
Berikut ini beberapa penerapan JSON (JavaScript Object Notation), yaitu :<\/p>\n
\n- JSON sebagai format untuk bertukar data client dan server atau antar aplikasi.<\/li>\n
- JSON sebagai tempat menyimpan data.<\/li>\n
- JSON digunakan untuk menyimpan konfigurasi project.<\/li>\n
- JSON digunakan untuk menyimpan konfigurasi dan penyimpanan data pada Hugo.<\/li>\n
- JSON digunakan untuk menyimpan konfigurasi project pada Nodejs.<\/li>\n
- JSON digunakan untuk menyimpan data menifest.<\/li>\n<\/ol>\n
Kegunaan JSON (JavaScript Object Notation)<\/h1>\n
JSON paling sering digunakan dalam aplikasi web untuk mengirim data dari server ke browser. Biasanya mentransfer data JSON menggunakan Ajax, yang memungkinkan aplikasi web bertukar data dan pesan antara browser dan server tanpa harus memuat ulang halaman.<\/p>\n
Sebagai contoh :<\/p>\n
\n- Seorang pengguna mengklik thumbnail produk di toko online.<\/li>\n
- JavaScript yang berjalan di browser membuat permintaan Ajax ke skrip PHP yang berjalan di server, memberikan ID produk yang diklik.<\/li>\n
- Script PHP mengambil nama produk, deskripsi, harga, dan info lainnya dari database produk, menyandikan data sebagai string JSON, dan mengirim string kembali ke browser.<\/li>\n
- JavaScript berjalan di browser decode string JSON dan menampilkan detail produk di halaman untuk pengguna.<\/li>\n<\/ol>\n
Berikut adalah aturan dasar untuk membuat string JSON (JavaScript Object Notation) :<\/p>\n
\n- String JSON berisi array nilai, atau objek (array asosiatif dari pasangan nama \/ nilai).<\/li>\n
- Sebuah\u00a0array yang<\/em> dikelilingi oleh kurung,\u00a0[ dan\u00a0], dan berisi daftar dipisahkan koma nilai-nilai.<\/li>\n
- Sebuah\u00a0objek<\/em> dikelilingi oleh kurung keriting,\u00a0{ dan\u00a0}, dan berisi daftar dipisahkan koma pasangan nama \/ nilai.<\/li>\n
- Sebuah\u00a0pasangan nama \/ nilai<\/em> terdiri dari nama field (dalam tanda kutip ganda), diikuti oleh titik dua (\u00a0: ), diikuti oleh nilai field.<\/li>\n
- Sebuah\u00a0nilai<\/em> dalam array atau objek dapat :\n
\n- Angka ( bilangan bulat atau titik mengambang )<\/li>\n
- String ( dalam tanda kutip ganda )<\/li>\n
- A boolean ( trueatau false )<\/li>\n
- Array lain ( dikelilingi oleh tanda kurung siku, [ dan ])<\/li>\n
- Objek lain ( dikelilingi oleh kurung kurawal, { dan })<\/li>\n
- Nilai\u00a0null<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Cara Membuka File JSON (JavaScript Object Notation)<\/h1>\n
Format JSON menyediakan cara untuk mentransfer data antara aplikasi server dan web. File JSON dibuat dengan menggunakan dua struktur yang berbeda, yang mencakup\u00a0object\u00a0<\/em>\u00a0yang merupakan\u00a0value pairs<\/em>\u00a0dan\u00a0array\u00a0<\/em>yang diklasifikasikan sebagai kumpulan value. Struktur data yang digunakan dalam JSON didesain sebagai bahasa pemograman secara universal yang berarti dapat didukung oleh bermacam browser web.<\/p>\nJika ingin mengakses file JSON dengan sistem operasi Windows dapat melakukannya dengan notepad atau aplikasi-aplikasi text-editor untuk melihat konten dari file JSON yang adan ingin akses. Lakukan klik kanan pada file yang ingin dibuka dan pilih open with<\/em>\u00a0dari menu drop down dan pilih notepad.<\/p>\nKelebihan dan Kekurangan JSON (JavaScript Object Notation)<\/h1>\n
Pengertian JSON sebagai format data yang ringan, yang mudah ditulis dan dimengerti dengan bahasa manusia tidak semata-mata menggeser penggunaan XML dalam pentrasnferan data antar browser dan server. Beberapa pertimbangan untuk developer dalam menggunakan JSON dalam pemogramman aplikasi website.<\/p>\n
1. Kelebihan JSON (JavaScript Object Notation)<\/h3>\n\n- Kecepatan dalam penguraian yang merupakan proses pengenalan bagian terkecil dari suatu dokumen JSON\/XML sehingga membuat kecepatan penguraian pada JSON melampaui XML.<\/li>\n
- Kemampuan untuk menyimpan data dalam bentuk\u00a0array<\/em> yang memungkinkan transfer menjadi lebih mudah.<\/li>\n
- Berdasar pada JavaScript membuat JSON memiliki sintaks yang kecil dan ringan sehingga lebih responsif terhadap request.<\/li>\n
- Keunggulan dalam penanganan API untuk aplikasi web ataupun desktop.<\/li>\n
- Adanya dukungan untuk bahasa pemograman lain seperti PostgreSQL dan JavaScript.<\/li>\n<\/ol>\n
2. Kelemahan JSON (JavaScript Object Notation)<\/h3>\n\n- Berbeda dengan XML yang memiliki sintaks yang menyerupai HTML, sintaks jason distruktur dan diformat dengan gaya penulisan yang sulit dipahami.<\/li>\n
- Bahasa JavaScript\u00a0 rentan terhadap\u00a0hacking\u00a0<\/em>terutama pada website-website yang belum terpercaya.<\/li>\n
- Tidak adanya penanganan\u00a0error<\/em>\u00a0pada saat\u00a0request<\/em>.<\/li>\n<\/ol>\n
Aplikasi<\/span> JSON (JavaScript Object Notation)<\/h1>\n1. JSON-RPC<\/span><\/h3>\n![\"\"](\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/08\/json-RPC.png\")
<\/p>\n
merupakan sebuah protokol yang memungkinan untuk melakukan pemanggilan method secara remote ke program lain yang berada di alamat yang berbeda dengan menggunakan JSON sebagai pembungkus pesannya.<\/p>\n
Pesan pengiriman:<\/div>\n\n- Method – isi data ini bertujuan untuk menentukan method mana yang diminta oleh client untuk di jalankan di server<\/li>\n
- Params – merupakan sebuah object array yang berisi parameter dan value untuk kebutuhan method yang akan di panggil di server<\/li>\n
- Id – berisi type sembarang yang bertujuan untuk pengecheckan apakah yang request nanti sama dengan yang di kembalikan.<\/li>\n<\/ul>\n
Pesan response dari server:<\/p>\n
\n- Result – merupakan data keluaran dari method yang di panggil di server.<\/li>\n
- Error – merupakan pengembilan dari server jika terjadi error saat menjalankan service rpc. Jika tidak ada, maka akan dikembalikan null<\/li>\n
- Id – berisi data dari id request yang di minta oleh requestor<\/li>\n<\/ul>\n
Contoh sederhana untuk requst dan response dari JSON-RPC 2.0 menggunakan parameter posisi.<\/p>\n
\n-> <\/span> { <\/span>\"jsonrpc\" <\/span>: <\/span> \"2.0\" <\/span>, <\/span> \"method\" <\/span>: <\/span> \"subtract\" <\/span>, <\/span> \"params\" <\/span>: <\/span> [ <\/span>42 <\/span>, <\/span> 23 <\/span>], <\/span> \"id\" <\/span>: <\/span> 1 <\/span>} <\/span>\r\n<- <\/span> { <\/span>\"jsonrpc\" <\/span>: <\/span> \"2.0\" <\/span>, <\/span> \"hasil \" <\/span>: <\/span> 19 <\/span>, <\/span> \" id \" <\/span>: <\/span> 1 <\/span>}<\/span><\/pre>\n<\/div>\n2. AJAJ<\/span><\/h3>\nAjaj adalah teknik pengembangan web yang menyediakan kemampuan untuk meminta data baru setelah dimuat ke browser web. Biasanya ini merender data baru dari server sebagai tanggapan atas tindakan pengguna di laman web itu.<\/p>\n
Kode JavaScript berikut adalah contoh klien yang menggunakan XMLHttpRequest untuk meminta data format JSON dari server (\u00a0Pemrograman sisi server dihilangkan; itu harus disiapkan untuk melayani permintaan ke URL berisi string berformat JSON ).<\/p>\n
var <\/span> my_JSON_object <\/span>; <\/span>\r\nvar <\/span> http_request <\/span> = <\/span> baru <\/span> XMLHttpRequest <\/span>(); <\/span>\r\nhttp_request <\/span>. <\/span>open <\/span>( <\/span>\"GET\" <\/span>, <\/span> url <\/span>, <\/span> true <\/span>); <\/span>\r\nhttp_request <\/span>. <\/span>responseType <\/span> = <\/span> \"json\" <\/span>; <\/span>\r\nhttp_request <\/span>. <\/span>onreadystatechange <\/span> = <\/span> function <\/span> () <\/span> { <\/span>\r\n var <\/span> done <\/span> = <\/span> 4 <\/span>, <\/span> ok <\/span> = <\/span> 200 <\/span>; <\/span>\r\n if <\/span> ( <\/span>http_request <\/span>. <\/span>readyState <\/span> === <\/span> selesai <\/span> &&<\/span> http_request <\/span>. <\/span>status <\/span> === <\/span> ok <\/span>) <\/span> { <\/span>\r\n my_JSON_object <\/span> = <\/span> http_request <\/span>. <\/span>respon <\/span>; <\/span>\r\n } <\/span>\r\n}; <\/span>\r\nhttp_request <\/span>. <\/span>kirim <\/span>( <\/span>null <\/span>);<\/span><\/pre>\n\n\n