ajax post 无效 示例代码

Ajax是一种在网页中使用JavaScript进行异步通信的技术。它可以通过发送HTTP请求与服务器进行数据交互，而不需要刷新整个页面。其中，Ajax的POST方法可以用于向服务器发送数据，并获取服务器返回的响应。

下面是一个示例代码，展示了如何使用Ajax的POST方法发送数据到服务器：

var xhr = new XMLHttpRequest();  // 创建一个XHR对象
xhr.open("POST", "http://example.com/api", true);  // 配置请求的方法、URL和是否异步
xhr.setRequestHeader("Content-Type", "application/json");  // 设置请求头，指定发送的数据格式为JSON
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {  // 当请求完成并且响应成功时
    var response = JSON.parse(xhr.responseText);  // 解析服务器返回的响应数据
    console.log(response);  // 打印响应数据
  }
};
var data = {name: "John", age: 30};  // 准备要发送的数据
xhr.send(JSON.stringify(data));  // 发送数据到服务器

在上述示例代码中，首先创建了一个XMLHttpRequest对象，然后使用`open`方法配置了请求的方法为POST、URL为"http://example.com/api"，并设置了异步为true。接下来，使用`setRequestHeader`方法设置了请求头，将发送的数据格式指定为JSON。然后，通过`onreadystatechange`事件监听请求的状态变化，并在请求完成且响应成功时，解析服务器返回的响应数据，并打印出来。使用`send`方法将准备好的数据发送到服务器。

通过上述示例代码，我们可以看到如何使用Ajax的POST方法向服务器发送数据，并获取服务器返回的响应。