POST 请求中查询参数丢失（nodeJS 和 Express）

Question

我第一次尝试使用 REST API 让 JavaScript 客户端和 NodeJS 服务器与 Express 进行通信。由于某种原因，我在 xhttp.send 中给出的任何参数在到达后端时都会丢失。

在客户端，我具有以下功能：

function changeStatus(station) {
  var xhttp = new XMLHttpRequest();
  xhttp.open("POST", "/api", false);
  xhttp.send(`station=${station}`);
  window.location.reload();
}

在服务器端，我具有以下功能：

app.post("/api", function (req, res) {
  if ("station" in req.query) {
    db[req.query.station] = !db[req.query.station];
    res.send(
      `Station ${req.query.station} changed to ${db[req.query.station]}`
    );
  } else {
    res.send("No station specified");
  }
});

无论如何，我都会获得“其他”配置。有什么建议吗？我也不知道如何记录要附加的原始请求。

Answer 1

查询参数不会丢失。它们不存在。查询参数位于路径段后面的 ? 之后的 URL 上。

http://example.com?this=is&a=set&of=query¶meters=!

当您发出 POST 请求时，您传递给 send() 的值将在请求 body 中发送，该请求可通过 req.body 访问，如果（根据文档）您已经设置了合适的正文解析中间件。

您还应该设置一个 Content-Type 请求标头来告诉服务器如何解析您发送的正文。如果您向 XMLHttpRequest 传递一个 URLSearchParams 对象而不是字符串，XMLHttpRequest 将自动执行此操作。

---

客户端代码

var xhttp = new XMLHttpRequest();
xhttp.open("POST", "/api", false);
const body = new URLSearchParams();
body.append("station", station);
xhttp.send(body);
window.location.reload();

---

服务器端代码

app.use(express.urlencoded());

app.post("/api", function (req, res) {
    if ("station" in req.body) {

---

综上所述，您正在发出 Ajax 请求，然后立即重新加载页面。

Ajax 的要点是在不重新加载页面的情况下发出请求。

您也可以使用常规的

提交来代替。这样会更简单。