masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

JavaScript JSON

JSON ialah singkatan Notasi Objek JavaScript, yang merupakan format pertukaran data.

Apakah itu JSON?

Nama bahasa Inggeris penuh JSON ialah Notasi Objek JavaScript

JSON ialah format pertukaran data yang ringan.

JSON ialah bahasa bebas *

JSON mudah difahami.


Dalam JSON, terdapat hanya beberapa jenis data:

nombor: betul-betul sama dengan nombor JavaScript ;

boolean: ialah JavaScript benar atau salah; null: ialah nol JavaScript;

tatasusunan: ialah perwakilan Tatasusunan JavaScript - []; .

dan sebarang kombinasi di atas.

Selain itu, JSON juga menetapkan set aksara mestilah UTF-8, jadi tiada masalah untuk menyatakan berbilang bahasa. Untuk penghuraian bersatu, rentetan JSON mesti menggunakan petikan berganda "", dan kekunci Objek juga mesti menggunakan petikan berganda "".

Oleh kerana JSON sangat mudah, ia cepat menjadi popular di dunia Web dan menjadi standard ECMA. Hampir semua bahasa pengaturcaraan mempunyai perpustakaan untuk menghuraikan JSON, dan dalam JavaScript, kita boleh menggunakan JSON secara langsung kerana JavaScript mempunyai penghuraian JSON terbina dalam. 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<script type="text/javascript">  
var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(json); //{"name":"Lanny","age":"25","location":"China"}
</script>  
</head>  
<body>  
</body>  
</html>

JSON diformatkan ke dalam objek JavaScript

Format JSON secara sintaksis sama dengan mencipta Objek JavaScript Kod adalah sama.

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

JSON Format data 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"}< .

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).


Rentetan JSON ditukar kepada objek JavaScript

Biasanya kami membaca data JSON daripada pelayan dan memaparkan data dalam laman web.

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

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

Kemudian, gunakan fungsi JavaScript terbina dalam JSON.parse() untuk menghuraikan aksara Tukar rentetan kepada objek JavaScript:

var obj = JSON.parse(text);

Akhir sekali, gunakan objek JavaScript baharu dalam halaman anda: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<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[2].firstName + " " + obj.employees[2].lastName;
</script>
</body>
</html>



Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var arr = ["a", "b", "c"]; var str = JSON.stringify(arr); document.write(str); document.write ("<br/>"); var newArr = JSON.parse(str); while (newArr.length > 0) { document.write(newArr.pop() + "<br/>"); } // Output: var arr = ["a", "b", "c"]; var str = JSON.stringify(arr); document.write(str); document.write ("<br/>"); var newArr = JSON.parse(str); while (newArr.length > 0) { document.write(newArr.pop() + "<br/>"); } </script> </head> <body> </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)  492829 permainan