JSON là gì?
JSON là viết tắt của J ava S cript O bject N otation
JSON là một định dạng nhẹ để lưu trữ và vận chuyển dữ liệu
JSON thường được sử dụng khi dữ liệu được gửi từ máy chủ đến một trang web
JSON là "tự mô tả" và dễ hiểu
Ví dụ về JSON
Ví dụ này định nghĩa một đối tượng nhân viên: một mảng gồm 3 bản ghi nhân viên (đối tượng):
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Quy tắc cú pháp JSON
- Dữ liệu nằm trong các cặp tên / giá trị
- Dữ liệu được phân tách bằng dấu phẩy
- Niềng răng xoăn giữ đồ vật
- Dấu ngoặc vuông giữ các mảng
Ký hiệu đối tượng JavaScript
Định dạng JSON giống về mặt cú pháp với mã để tạo các đối tượng JavaScript.
Do sự tương đồng này, một chương trình JavaScript có thể dễ dàng chuyển đổi dữ liệu JSON thành các đối tượng JavaScript gốc.
Cú pháp JSON có nguồn gốc từ cú pháp ký hiệu đối tượng JavaScript, nhưng định dạng JSON chỉ là văn bản. Mã để đọc và tạo dữ liệu JSON có thể được viết bằng bất kỳ ngôn ngữ lập trình nào.
Dữ liệu JSON - Tên và giá trị
Dữ liệu JSON được viết dưới dạng các cặp tên / giá trị, giống như các thuộc tính đối tượng JavaScript.
Một cặp tên / giá trị bao gồm tên trường (trong dấu ngoặc kép), theo sau là dấu hai chấm, theo sau là giá trị:
"firstName":"John"
Tên JSON yêu cầu dấu ngoặc kép. Tên JavaScript thì không.
Đối tượng JSON
Các đối tượng JSON được viết bên trong dấu ngoặc nhọn.
Cũng giống như trong JavaScript, các đối tượng có thể chứa nhiều cặp tên / giá trị:
{"firstName":"John", "lastName":"Doe"}
Mảng JSON
Mảng JSON được viết bên trong dấu ngoặc vuông.
Cũng giống như trong JavaScript, một mảng có thể chứa các đối tượng:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
Trong ví dụ trên, đối tượng "nhân viên" là một mảng. Nó chứa ba đối tượng.
Mỗi đối tượng là một bản ghi của một người (có họ và tên).
Chuyển đổi một văn bản JSON thành một đối tượng JavaScript
Cách sử dụng phổ biến của JSON là đọc dữ liệu từ máy chủ web và hiển thị dữ liệu trong một trang web.
Để đơn giản, điều này có thể được chứng minh bằng cách sử dụng một chuỗi làm đầu vào.
Đầu tiên, tạo một chuỗi JavaScript có chứa cú pháp JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Sau đó, sử dụng hàm tích hợp sẵn JavaScript JSON.parse () để chuyển đổi chuỗi thành một đối tượng JavaScript:
var obj = JSON.parse(text);
Cuối cùng, sử dụng đối tượng JavaScript mới trong trang của bạn:
Thí dụ
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Hướng dẫn JSON đầy đủ
Đây là một mô tả ngắn về JSON.
Để có hướng dẫn JSON đầy đủ, hãy truy cập Hướng dẫn JSON của W3Schools .