JSON数据格式与 AJAX 请求
// 假设我们有一个用户对象,我们需要将其转换为JSON字符串并通过AJAX发送到服务器
var user = {
name: "张三",
age: 30,
email: "zhangsan@example.com"
};
// 将用户对象转换为JSON字符串
var userJson = JSON.stringify(user);
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置HTTP请求
xhr.open('POST', '/saveUser', true);
// 设置请求头,告诉服务器发送的内容是JSON格式
xhr.setRequestHeader('Content-Type', 'application/json');
// 定义onreadystatechange事件处理函数
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功完成,处理服务器响应
console.log('用户信息保存成功:', xhr.responseText);
} else {
// 处理错误情况
console.error('请求失败,状态码:', xhr.status);
}
};
// 发送请求,将JSON字符串作为发送内容
xhr.send(userJson);
这段代码演示了如何将一个JavaScript对象转换为JSON字符串,并使用AJAX的POST请求发送到服务器。同时,它还包含了错误处理逻辑,以便在请求失败时输出错误信息。
评论已关闭