JSON 服务器
JSON 的常见用途是与 Web 服务器交换数据。
当从 Web 服务器接收数据时,数据始终是一个字符串。
使用以下方式解析数据 JSON.parse()
,数据变成 JavaScript 对象。
发送数据
如果您将数据存储在 JavaScript 对象中,则可以将该对象转换为 JSON,然后将其发送到服务器:
例子
const myObj = {姓名:“约翰”,年龄:31,城市:“纽约”};
const myJSON = JSON.stringify(myObj);
窗口.位置 = “demo_json.html?x=” + myJSON;
亲自尝试 »
接收数据
如果您收到 JSON 格式的数据,您可以轻松地将其转换为 JavaScript 对象:
例子
const myJSON = '{"name":"John", "age":31, "city":"纽约"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
亲自尝试 »
来自服务器的 JSON
您可以使用 AJAX 请求从服务器请求 JSON
只要服务器的响应是以 JSON 格式编写的,您就可以将字符串解析为 JavaScript 对象。
例子
使用 XMLHttpRequest 从服务器获取数据:
const xmlhttp = 新的 XMLHttpRequest();
xmlhttp.onload = 函数(){
const myObj = JSON.解析(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json_demo.txt");
xmlhttp.发送();
亲自尝试 »
看一眼 json_demo.txt
JSON 数组
使用时 JSON.parse()
对于从数组派生的 JSON,该方法将返回 JavaScript 数组,而不是 JavaScript 对象。
例子
从服务器返回的 JSON 作为数组:
const xmlhttp = 新的 XMLHttpRequest();
xmlhttp.onload = 函数(){
const myArr = JSON.解析(this.responseText);
document.getElementById("demo").innerHTML = myArr[0];
}
}
xmlhttp.open("GET", "json_demo_array.txt", true);
xmlhttp.发送();
亲自尝试 »