masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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中文网(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>

Jalankan atur cara untuk mencubanya

Fungsi berkaitan

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



Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492782 permainan