使用 app.post (node.js + express) (JavaScript) 处理 XMLHttpRequest

Question

上下文：我正在尝试使用复选框构建过滤器功能。 这个想法是让复选框的 HTML 触发一个脚本，将 DOM 数据发送到服务器。

HTML：

     <div class="container-modal-1-item-1">

      <label class="checkboxContainer"><input name="checkboxOne" type="checkbox" onchange="filterWords(this)"><span class="checkmark"></span>People</label>

    </div>

脚本：

function filterWords(){

  if(document.getElementsByName('checkboxOne')[0].checked){
    console.log("Is Checked");
    const xhr = new XMLHttpRequest()

    // open a POST request

    var data = document.getElementsByClassName('checkboxContainer')[0].textContent;
    xhr.open("POST", "/filter", true);
    console.log(data);
    xhr.send(data);
  } else {
    console.log("Is Not Checked");

  }
}

服务器：

app.post("/filter", function(req, res){

  console.log(data);

  res.redirect("/");
})

结论/问题：

与我相关的变量是“数据”。 在第一个“console.log(data)”上，我正确地得到了“人”，但是在 XMLHttpRequest 之后，我如何在服务器上得到它？

Answer 1

这是一个简单的修复如果我明白你想做什么

所以你想要客户端发送的数据

app.post("/filter", function(req, res){

  console.log(req.body.data);

  res.redirect("/");
})

req.body.data Object 有客户端发送的正文