JSON trong JavaScript

JSON là định dạng lưu trữ và truyền tải dữ liệu.

JSON thường được sử dụng khi dữ liệu được gửi từ máy chủ đến trang web.

JSON là gì?

  • JSON là gì? JavaScript Object Notation
  • JSON là định dạng dữ liệu trao đổi dữ liệu nhẹ
  • JSON tách biệt với ngôn ngữ *
  • JSON là "tự mô tả" và dễ hiểu

* Ngữ pháp JSON là từ ngữ pháp của đối tượng JavaScript, nhưng định dạng JSON là văn bản thuần túy. Mã đọc và tạo dữ liệu JSON có thể được viết trong bất kỳ ngôn ngữ lập trình nào.

Mô hình JSON

Ngữ pháp JSON định nghĩa một đối tượng nhân viên: mảng chứa ba bản ghi nhân viên (đối tượng):

Mô hình JSON

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

Giá trị JSON được đánh giá là đối tượng JavaScript

Giá trị JSON có cùng ngữ pháp với mã tạo đối tượng JavaScript.

Do sự tương tự này, chương trình JavaScript có thể dễ dàng chuyển đổi dữ liệu JSON thành đối tượng JavaScript cục bộ.

Ngữ pháp JSON

  • Dữ liệu là cặp tên/giá trị
  • Dữ liệu được phân隔 bởi dấu phẩy
  • Dấu ngoặc花 lưu trữ đối tượng
  • Dấu ngoặc vuông lưu trữ mảng

Dữ liệu JSON - Tên và giá trị

Cách viết dữ liệu JSON là cặp tên/giá trị, tương tự như thuộc tính đối tượng JavaScript.

Cặp tên/giá trị được cấu thành từ tên trường trong dấu ngoặc kép, sau đó là dấu hai chấm, sau đó là giá trị:

"firstName":"Bill"

Tên JSON cần có dấu ngoặc kép. Tên JavaScript không cần.

Đối tượng JSON

Đối tượng JSON được viết trong dấu ngoặc花.

Giống như JavaScript, đối tượng có thể chứa nhiều cặp tên/giá trị:

{"firstName":"Bill", "lastName":"Gates"}

Mảng JSON

Mảng JSON được viết trong dấu ngoặc vuông.

Giống như JavaScript, mảng có thể chứa các đối tượng:

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

Trong ví dụ trên, đối tượng "employees" là một mảng. Nó chứa ba đối tượng.

Mỗi đối tượng đại diện cho một bản ghi của một người (bao gồm tên và họ).

Chuyển đổi văn bản JSON thành đối tượng JavaScript

Cách sử dụng thông thường của JSON là đọc dữ liệu từ máy chủ web và hiển thị dữ liệu trong trang web.

Để đơn giản, bạn có thể sử dụng chuỗi làm input để演示.

Đầu tiên, tạo một chuỗi JavaScript với ngữ pháp JSON:

var text = '{ "employees" : [
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

Sau đó, sử dụng hàm JSON.parse() tích hợp của JavaScript để chuyển đổi chuỗi này thành đối tượng JavaScript:

var obj = JSON.parse(text);

Cuối cùng, hãy sử dụng đối tượng JavaScript mới này trong trang của bạn:

Mẫu

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

Thử trực tiếp

Bạn có thể thử trực tiếp trên Hướng dẫn JSON Đọc thêm về JSON tại đây.