如何用JS变量替换JQuery.post请求的内容？

在JS中，可以使用fetch()函数或者XMLHttpRequest对象来替代jQuery中的$.post请求。下面是使用fetch()函数的示例代码：

// 定义请求的URL和数据
const url = 'https://example.com/api';
const data = {
  name: 'John',
  age: 25
};

// 将数据转换为JSON格式
const jsonData = JSON.stringify(data);

// 发起POST请求
fetch(url, {
  method: 'POST',
  body: jsonData,
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => response.json())
.then(result => {
  // 处理请求结果
  console.log(result);
})
.catch(error => {
  // 处理请求错误
  console.error(error);
});

上述代码中，首先定义了请求的URL和数据对象。接着，使用JSON.stringify()函数将数据对象转换为JSON格式的字符串。然后，通过fetch()函数发起POST请求，其中method设置为'POST'，body设置为JSON字符串，headers中设置请求头的Content-Type为'application/json'。最后，通过.then()方法处理请求成功返回的结果，使用.catch()方法处理请求错误。

使用XMLHttpRequest对象替代$.post请求的示例代码如下：

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

// 定义请求的URL和数据
const url = 'https://example.com/api';
const data = 'name=John&age=25'; // 数据格式为URL-encoded

// 设置请求方法和URL
xhr.open('POST', url, true);

// 设置请求头
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) { // 请求完成
    if (xhr.status === 200) { // 请求成功
      const result = JSON.parse(xhr.responseText);
      // 处理请求结果
      console.log(result);
    } else {
      // 请求错误
      console.error('Request failed with status:', xhr.status);
    }
  }
};

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

上述代码中，首先创建了XMLHttpRequest对象。然后，定义了请求的URL和数据，数据格式为URL-encoded。接着，使用open()方法设置请求方法、URL和是否异步。使用setRequestHeader()方法设置请求头的Content-Type为'application/x-www-form-urlencoded'。然后，通过onreadystatechange事件监听请求状态的变化，当请求状态为4（请求完成）时，判断请求的状态码，如果状态码为200表示请求成功，通过JSON.parse()函数解析响应文本为JSON对象，并处理请求结果；否则，表示请求错误。最后，使用send()方法发送请求。

这两种方法都可以替代jQuery中的$.post请求，实现相同的功能。