异步显示一个POST

以下是一个使用JavaScript和XMLHttpRequest实现异步显示一个POST请求的示例代码：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求方法和URL
xhr.open('POST', 'https://example.com/api', true);

// 设置请求头
xhr.setRequestHeader('Content-Type', 'application/json');

// 定义回调函数
xhr.onload = function() {
  if (xhr.status === 200) {
    // 请求成功，处理返回的数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  } else {
    // 请求失败，处理错误信息
    console.error('请求失败: ' + xhr.status);
  }
};

// 定义请求体
var data = {
  name: 'John',
  age: 30
};

// 发送请求
xhr.send(JSON.stringify(data));

在上面的示例中，我们首先创建了一个XMLHttpRequest对象，并设置了请求方法为POST和请求URL为https://example.com/api。然后，我们使用setRequestHeader方法设置了请求头的Content-Type为application/json。接下来，我们定义了一个回调函数xhr.onload，在请求成功时会被调用。在回调函数中，我们首先检查了响应的状态码，如果状态码为200，表示请求成功，我们可以通过xhr.responseText获取响应的文本数据，并使用JSON.parse方法将其解析为JavaScript对象。最后，我们发送了请求，请求体数据为一个包含name和age属性的JavaScript对象，通过JSON.stringify方法将其转换为JSON字符串，并作为send方法的参数发送请求。

请注意，示例中的URL和请求头需要根据实际情况进行修改。此外，由于XMLHttpRequest是基于浏览器的，所以该示例只适用于在浏览器环境中运行的JavaScript代码。