携带数据的Ajax POST请求

在JavaScript中，可以使用XMLHttpRequest或现代的fetch API来发送携带数据的Ajax POST请求。以下是使用这两种方法的示例代码。

使用XMLHttpRequest的示例：

var xhr = new XMLHttpRequest();
var url = "your_url"; // 替换为你的URL
 
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
var data = "key1=value1&key2=value2"; // 替换为你的数据
 
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功
    var response = xhr.responseText;
    console.log(response);
  }
};
 
xhr.send(data);

使用fetch API的示例：

var url = "your_url"; // 替换为你的URL
var data = {
  key1: "value1",
  key2: "value2"
}; // 替换为你的数据
 
fetch(url, {
  method: 'POST', // 或 'GET'
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => console.log(data))
.catch((error) => console.error('Error:', error));

在这两个示例中，你需要替换your_url为实际的服务器端URL，以及替换data变量为你需要发送的数据。这些代码片段展示了如何发送带有键值对数据的POST请求，并在请求成功完成时处理响应。