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?

  • Nama penuh JSON dalam bahasa InggerisJavaSskrip O objek Notasi

  • JSON ialah format pertukaran data yang ringan.

  • JSON ialah bahasa bebas *

  • JSON mudah difahami.


Note* JSON menggunakan sintaks JavaScript, tetapi format JSON hanyalah sebuah teks.
Note* JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。
文本可以被任何编程语言读取及作为数据格式传递。
Teks boleh dibaca oleh mana-mana bahasa pengaturcaraan dan diluluskan sebagai format data.

Contoh JSON

Sintaks JSON berikut mentakrifkan objek pekerja: Tatasusunan 3 rekod pekerja (objek):

Contoh JSON

{"pekerja" :[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName ":"Peter", "lastName":"Jones"}
]}


JSON diformatkan sebagai objek JavaScript

Format JSON secara sintaksis adalah sama dengan kod yang mencipta 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 - Nama sepadan dengan nilai

Format data JSON ialah 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 (anda juga boleh membaca tutorial JSON kami):

Pertama, buat rentetan JavaScript, iaitu data dalam JSON format:

var text = '{ "pekerja" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "FirstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Kemudian, gunakan fungsi terbina dalam JavaScript JSON.parse() untuk 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中文网(php.cn)</title>
</head>
<body>

<h2>为 JSON 字符串创建对象</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>

Run Instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian

Fungsi berkaitan

函数描述
JSON.parse()用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify()用于将 JavaScript 值转换为 JSON 字符串。

Untuk maklumat lanjut JSON, anda boleh membaca tutorial JSON kami.