显示 POST 到页面的结果

Question

我正在使用node.js/express，并且我有一个带有表单的视图 - 该表单 POST 到路由，然后返回 json。

我想（至少首先）发送我的表单，并将返回的数据显示在表单下方（在同一视图上）。

以最“快捷”的方式做到这一点的最佳方法是什么？

理想情况下无需刷新页面。

Ajax 会做我想做的事 - 但这是一个很好的方法吗？

Answer 1

您正在寻找的最低限度内容如下所示：

客户端

fetch('your_endpoint', {
    method: 'POST',
      body: JSON.stringify(formData),
  }).then((response) => {
    // success
    return response.json();
  })
  .then((data) => {
    // add data to DOM
  })
  .catch((error) => {
    // failed to send
  });
}

服务器端使用Expressjs

router.post('/your_endpoint', (req, res, next) => {
    // process request
    res.status(200).json({ "data": your_data });
});