Javascript发送变量post

JavaScript发送变量post是指使用JavaScript语言发送HTTP POST请求，并将变量作为请求的参数传递给服务器。这种方式常用于前端与后端之间的数据交互。

在JavaScript中，可以使用XMLHttpRequest对象或fetch API来发送POST请求。下面是一个示例代码：

使用XMLHttpRequest对象发送POST请求：

var xhr = new XMLHttpRequest();
var url = "http://example.com/api"; // 替换为实际的后端接口地址

xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

var data = "var1=value1&var2=value2"; // 替换为实际的变量和数值

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText); // 服务器返回的响应数据
  }
};

xhr.send(data);

使用fetch API发送POST请求：

var url = "http://example.com/api"; // 替换为实际的后端接口地址

var data = {
  var1: "value1",
  var2: "value2"
}; // 替换为实际的变量和数值

fetch(url, {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
  console.log(data); // 服务器返回的响应数据
})
.catch(error => {
  console.error(error);
});

以上代码示例中，需要将http://example.com/api替换为实际的后端接口地址，var1、var2和对应的value1、value2替换为实际的变量和数值。

应用场景：