AJAX学习笔记2发送Post请求

在AJAX中，我们可以使用XMLHttpRequest对象来发送POST请求。以下是一个简单的例子，展示如何使用AJAX发送POST请求：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('POST', 'your_endpoint_url', true);
 
// 设置请求头信息，如内容类型
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 
// 定义POST请求发送数据时的处理函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 请求成功
      console.log(xhr.responseText);
    } else {
      // 请求出错
      console.error('请求发生错误：' + xhr.status);
    }
  }
};
 
// 发送POST请求，并附上要发送的数据
xhr.send('key1=value1&key2=value2');

在这个例子中，我们首先创建了一个XMLHttpRequest对象，然后使用open方法设置了请求的类型为POST，指定了请求的URL以及是否异步处理（这里设置为true）。接着，我们使用setRequestHeader方法设置了请求头信息，在这个例子中设置为'Content-Type', 'application/x-www-form-urlencoded'，表示我们正在发送URL编码的表单数据。

然后，我们定义了onreadystatechange事件处理函数，该函数会在请求状态改变时被调用。当请求完成时（readyState为4），如果HTTP状态码为200，则认为请求成功，并打印响应文本；如果状态码不是200，则认为请求失败，并打印错误信息。

最后，我们调用send方法发送请求，并将要发送的数据作为字符串传递。在这个字符串中，key1=value1&key2=value2是发送的表单数据。