Giới thiệu JSON

JSON: JavaScript Object Notation（JavaScript 对象标记法）。

JSON là một ngữ pháp để lưu trữ và trao đổi dữ liệu.

JSON là văn bản được viết bằng định dạng ký tự đối tượng JavaScript.

Trao đổi dữ liệu

Khi dữ liệu được trao đổi giữa trình duyệt và máy chủ, dữ liệu này chỉ có thể là văn bản.

JSON là văn bản và chúng ta có thể chuyển đổi bất kỳ đối tượng JavaScript nào thành JSON, sau đó gửi JSON đến máy chủ.

Chúng ta cũng có thể chuyển đổi bất kỳ JSON nào nhận được từ máy chủ thành đối tượng JavaScript.

Bằng cách này, chúng ta có thể xử lý dữ liệu như là đối tượng JavaScript mà không cần phân tích và dịch phức tạp.

Gửi dữ liệu

Nếu dữ liệu của bạn được lưu trữ dưới dạng đối tượng JavaScript, bạn có thể chuyển đổi đối tượng đó thành JSON, sau đó gửi nó đến máy chủ.

Ví dụ

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Thử ngay

Bạn sẽ học thêm về JSON.stringify() Kiến thức về hàm.

Nhận dữ liệu

Nếu bạn nhận dữ liệu dưới định dạng JSON, bạn có thể chuyển đổi nó thành đối tượng JavaScript:

Ví dụ

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Thử ngay

Bạn sẽ học thêm về JSON.parse() Kiến thức về hàm.

Lưu trữ dữ liệu

Khi lưu trữ dữ liệu, dữ liệu phải là một định dạng cụ thể và bất kể bạn chọn lưu trữ nó ở đâu, văn bản luôn là một định dạng hợp lệ.

JSON làm cho việc lưu trữ các đối tượng JavaScript dưới dạng văn bản trở nên có thể.

Ví dụ

Lưu dữ liệu vào bộ nhớ cục bộ

//Lưu dữ liệu：
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Nhận dữ liệu：
text = localStorage.getItem("testJSON");
obj =  JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Thử ngay

Giải thích về JSON là gì?

  • JSON là viết tắt của JavaScript Object Notation（JavaScript Object Notation）
  • JSON là định dạng dữ liệu trao đổi dữ liệu nhẹ
  • JSON có tính tự�述 và dễ hiểu
  • JSON tách rời ngôn ngữ*

*

JSON sử dụng ngữ pháp JavaScript, nhưng định dạng JSON là văn bản thuần túy.

Văn bản có thể được bất kỳ ngôn ngữ lập trình nào đọc và sử dụng như dữ liệu.

Định dạng JSON ban đầu được Douglas Crockford đề xuất.

Tại sao sử dụng JSON?

Bởi vì định dạng JSON chỉ là văn bản, nó có thể dễ dàng truyền tải giữa máy chủ và trình duyệt, và được sử dụng làm định dạng dữ liệu cho bất kỳ ngôn ngữ lập trình nào.

JavaScript cung cấp các hàm nội bộ để chuyển đổi chuỗi viết dưới định dạng JSON thành đối tượng JavaScript nguyên sinh:

JSON.parse()

Vì vậy, nếu bạn nhận dữ liệu dưới định dạng JSON từ máy chủ, bạn có thể sử dụng nó như bất kỳ đối tượng JavaScript nào khác.