Máy chủ JSON

Một用途 phổ biến của JSON là trao đổi dữ liệu với máy chủ web.

Khi nhận dữ liệu từ máy chủ web, dữ liệu luôn là chuỗi.

Dùng JSON.parse() Phân tích dữ liệu, dữ liệu sẽ trở thành đối tượng JavaScript.

Gửi dữ liệu

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

Mẫu

const myObj = {name: "Bill", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Thử ngay

Nhận dữ liệu

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

Mẫu

const myJSON = '{"name":"Bill", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Thử ngay

JSON từ máy chủ

Bạn có thể gửi yêu cầu AJAX để yêu cầu JSON từ máy chủ

Chỉ cần phản hồi từ máy chủ được viết dưới dạng JSON, bạn có thể phân tích chuỗi thành đối tượng JavaScript.

Mẫu

Sử dụng XMLHttpRequest để lấy dữ liệu từ máy chủ:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myObj = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json.txt");
xmlhttp.send();

Thử ngay

Xin xem thêm:json.txt

JSON dưới dạng mảng

Sử dụng trên JSON được chiết xuất từ mảng JSON.parse() Khi phương pháp này được gọi với JSON được chiết xuất từ mảng, nó sẽ trả về mảng JavaScript而不是 đối tượng JavaScript.

Mẫu

JSON trả về từ máy chủ dưới dạng mảng:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myArr = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myArr[0];
  }
}
xmlhttp.open("GET", "json_array.txt", true);
xmlhttp.send();

Thử ngay

Xin xem thêm:json_array.txt