JSON adalah format untuk menyimpan dan mengangkut data.
JSON sering digunakan saat data dikirim dari server ke halaman web.
Apa itu JSON?
- JSON adalah singkatan dari JavaScript Object Notation
- JSON adalah data ringan interchange format
- JSON adalah bahasa independen *
- JSON adalah "self-describing" dan mudah dimengerti
* Sintaks JSON berasal dari sintaks notasi objek JavaScript, tetapi format JSON adalah teks saja. Kode untuk membaca dan menghasilkan data JSON dapat ditulis dalam bahasa pemrograman.
JSON Contoh
sintaks JSON ini mendefinisikan karyawan keberatan: array 3 catatan karyawan (objek):
JSON Contoh
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
JSON Format Bernilai Objek JavaScript
Format JSON adalah sintaksis identik dengan kode untuk membuat objek JavaScript.
Karena kesamaan ini, program JavaScript dapat dengan mudah mengkonversi data JSON menjadi objek JavaScript asli.
JSON Aturan Syntax
- Data adalah nama / pasangan nilai
- Data dipisahkan dengan koma
- kurung kurawal memegang benda
- kurung terus array
Data JSON - Sebuah Nama dan Nilai a
Data JSON ditulis sebagai pasangan nama / nilai, seperti properti obyek JavaScript.
Sepasang nama / nilai terdiri dari nama field (dalam tanda kutip ganda), diikuti oleh titik dua, diikuti oleh nilai:
"firstName":"John"nama JSON memerlukan tanda kutip ganda. Nama JavaScript tidak.
JSON Objects
objek JSON ditulis dalam kurung kurawal.
Sama seperti di JavaScript, objek dapat berisi beberapa pasangan nama / nilai:
{"firstName":"John", "lastName":"Doe"}
JSON Array
array JSON ditulis dalam tanda kurung siku.
Sama seperti di JavaScript, array dapat berisi objek:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]Dalam contoh di atas, objek "employees" adalah array. Ini berisi tiga benda.
Setiap objek adalah catatan seseorang (dengan nama pertama dan nama terakhir).
Mengkonversi JSON Teks ke Objek JavaScript
Penggunaan umum JSON adalah untuk membaca data dari web server, dan menampilkan data dalam suatu halaman web.
Untuk mempermudah, ini dapat ditunjukkan dengan menggunakan string sebagai masukan (atau membaca lebih dalam kami tutorial JSON ):
Pertama, membuat sebuah string JavaScript yang berisi sintaks JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';Kemudian, gunakan JavaScript built-in fungsi JSON.parse() untuk mengkonversi string menjadi objek JavaScript:
var obj = JSON.parse(text);Akhirnya, menggunakan objek JavaScript baru di halaman Anda:
Contoh
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Cobalah sendiri " Anda dapat membaca lebih lanjut tentang JSON di kami tutorial JSON .