使用 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 有客戶端發送的正文