JSON Διακομιστής

JSON 的一个常见用途是与 Web 服务器交换数据。

从 Web 服务器接收数据时，数据始终是字符串。

用 JSON.parse() 解析数据，数据会成为 JavaScript 对象。

发送 Data

如果您将数据存储在 JavaScript 对象中，则可以将对象转换为 JSON，并将其发送到服务器：

παράδειγμα

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

Δοκιμάστε το προσωπικά

接收 Data

如果您接收 JSON 格式的数据，则可以轻松地将其转换为 JavaScript 对象：

παράδειγμα

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

Δοκιμάστε το προσωπικά

来自服务器的 JSON

您可以使用 AJAX 请求从服务器请求 JSON

只要来自服务器的响应以 JSON 格式编写，您就可以将字符串解析为 JavaScript 对象。

παράδειγμα

使用 XMLHttpRequest 从服务器获取数据：

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();

Δοκιμάστε το προσωπικά

Παρακαλώ δείτε:json.txt

JSON σε μορφή ακολουθίας

χρήση JSON.parse() τελικά, αυτή η μέθοδος θα επιστρέψει μια συλλογή JavaScript, αντί για αντικείμενο JavaScript.

παράδειγμα

JSON που επιστρέφεται από τον διακομιστή ως αριθμητικό

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();

Δοκιμάστε το προσωπικά

Παρακαλώ δείτε:json_array.txt