[AJAX]原生AJAX——服务端如何发出JSON格式响应,客户端如何处理接收JSON格式响应
服务端发送JSON格式响应的代码示例(以Node.js为例):
const http = require('http');
http.createServer((req, res) => {
const jsonResponse = { name: 'John Doe', age: 30 };
res.setHeader('Content-Type', 'application/json');
res.end(JSON.stringify(jsonResponse));
}).listen(8080);
客户端处理接收到的JSON格式响应的代码示例(以JavaScript为例):
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://localhost:8080', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
console.log(response); // 输出: { name: 'John Doe', age: 30 }
}
};
xhr.send();
服务端设置响应头为 'Content-Type', 'application/json'
来告知客户端响应内容为JSON格式。客户端通过 JSON.parse
方法来解析响应文本为JavaScript对象。
评论已关闭