JSON 服务器
JSON 的常见用法是与 Web 服务器交换数据。
从 Web 服务器接收数据时，数据始终是字符串。
使用 JSON.parse() 解析数据，数据将变为 JavaScript 对象。
发送数据
如果在 JavaScript 对象中存储了数据，可以将对象转换为 JSON，并将其发送到服务器。
示例
const myObj = {name: "John", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
自己试试 »
接收数据
如果以 JSON 格式接收数据，可以轻松地将其转换为 JavaScript 对象。
示例
const myJSON = '{"name":"John", "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_demo.txt");
xmlhttp.send();
自己试试 »
数组作为 JSON
当对从数组中得到的 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_demo_array.txt", true);
xmlhttp.send();
自己试试 »
