JavaScript JSON
JSON ialah format yang digunakan untuk menyimpan dan menghantar data.
JSON biasanya digunakan oleh pelayan untuk memindahkan data ke halaman web.
Apakah itu JSON?
JSON nama penuh Bahasa Inggeris Notasi Objek JavaScript
JSON ialah format pertukaran data yang ringan.
JSON ialah bahasa bebas *
JSON mudah difahami.
Petua: JSON menggunakan sintaks JavaScript, tetapi format JSON hanyalah teks.
Teks boleh dibaca oleh mana-mana bahasa pengaturcaraan dan diluluskan sebagai format data.
Sintaks JSON berikut mentakrifkan objek pekerja: Tatasusunan 3 rekod pekerja (objek):
{"pekerja":[
{"FirstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter ", "lastName":"Jones"}
]}
JSON diformatkan sebagai objek JavaScript
Format JSON secara sintaksis sama seperti mencipta kod objek JavaScript.
Oleh kerana ia serupa, program JavaScript boleh menukar data JSON kepada objek JavaScript dengan mudah.
Peraturan sintaks JSON
Data ialah pasangan kunci/nilai.
Data dipisahkan dengan koma.
Pendakap menyimpan objek
Kurungan persegi menyimpan tatasusunan
Data JSON - satu nama sepadan dengan satu nilai
Data JSON diformatkan sebagai pasangan kunci/nilai, sama seperti sifat objek JavaScript.
Pasangan kunci/nilai terdiri daripada nama medan (dalam petikan berganda), diikuti dengan titik bertindih, dan kemudian nilai:
"FirstName":"John"
Objek JSON
Objek JSON disimpan dalam kurungan kerinting.
Sama seperti dalam JavaScript, objek boleh memegang berbilang pasangan kunci/nilai:
{"firstName":"John", "lastName":"Doe"}
Susun atur JSON
Susun atur JSON disimpan dalam kurungan segi empat sama.
Sama seperti dalam JavaScript, tatasusunan boleh mengandungi objek:
"pekerja":[
{"firstName":"John", "lastName":"Doe" } ,
{"FirstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
Dalam contoh di atas, objek "pekerja" ialah tatasusunan. Mengandungi tiga objek.
Setiap objek ialah rekod pekerja (nama keluarga dan nama pertama).
Tukar rentetan JSON kepada objek JavaScript
Biasanya kami membaca data JSON daripada pelayan dan memaparkan data dalam halaman web .
Demi kesederhanaan, kami menetapkan rentetan JSON terus dalam halaman web kami
Pertama, buat rentetan JavaScript Rentetan itu ialah data dalam format JSON:
var text = '{ "pekerja" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "LastName" :"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Kemudian, gunakan Fungsi terbina dalam JavaScript JSON() menukar rentetan menjadi objek JavaScript:
var obj = JSON.parse(text);
Akhir sekali, gunakan objek JavaScript baharu dalam halaman anda:
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<h2>為 JSON 字符串創(chuàng)建對象</h2>
<p id="demo"></p>
<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
</body>
</html>Jalankan atur cara untuk mencubanya
Fungsi berkaitan
| 函數(shù) | 描述 |
|---|---|
| JSON.parse() | 用于將一個 JSON 字符串轉(zhuǎn)換為 JavaScript 對象。 |
| JSON.stringify() | 用于將 JavaScript 值轉(zhuǎn)換為 JSON 字符串。 |
