使用 ajax 进行前后端数据交互

使用AJAX进行前后端数据交互的基本方法如下：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('POST', 'your_backend_endpoint', true);
 
// 设置请求头信息（如需要）
// xhr.setRequestHeader('Content-Type', 'application/json');
 
// 定义发送数据和请求成功后的回调函数
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理返回的数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
 
// 发送请求，如果是 GET 请求则不需要传递数据
// xhr.send(JSON.stringify({ key: 'value' }));
 
// 如果是 GET 请求，参数将附加在 URL 后面
xhr.send();

这段代码展示了如何创建一个AJAX请求，设置请求的类型、URL、请求头和数据，以及如何定义请求成功和失败时的回调函数。在实际应用中，你需要替换 'your_backend_endpoint' 为你的后端服务地址，并根据需要设置请求头和发送的数据。