原生JavaScript发送POST请求并以JSON格式提交数据

以下是使用原生JavaScript发送POST请求并以JSON格式提交data的示例代码：

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

// 设置POST请求和请求地址
xhr.open('POST', 'http://example.com/api', true);

// 设置请求头，告诉服务器请求体的格式为JSON
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');

// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理响应数据
    console.log(xhr.responseText);
  }
};

// 创建POST请求体，将data对象序列化为JSON字符串
var data = { name: 'John', age: 30 };
var json = JSON.stringify(data);

// 发送POST请求
xhr.send(json);

在这个示例代码中，我们首先创建了一个XMLHttpRequest对象，然后使用open()方法设置POST请求和请求地址。接着，我们使用setRequestHeader()方法设置请求头，告诉服务器请求体的格式为JSON。然后，我们监听onreadystatechange事件，当请求状态为4（即请求完成）且请求状态码为200时，处理响应数据。最后，我们使用JSON.stringify()方法将data对象序列化为JSON字符串，并使用send()方法发送POST请求。