解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据
// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 配置请求类型、URL 以及是否异步处理
xhr.open('POST', 'your_server_endpoint', true);
// 设置请求头部，如内容类型
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
// 注册状态变化的事件处理函数
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功完成，处理返回的数据
console.log(xhr.responseText);
}
};
// 发送请求，带上需要发送给服务器的数据
xhr.send('param1=value1¶m2=value2');这段代码演示了如何使用 XMLHttpRequest 对象发送一个异步的 POST 请求到服务器，并在请求成功完成时处理返回的数据。这是 AJAX 技术的一个基本示例，对于了解和使用这一技术非常有帮助。
评论已关闭