javascript - 显示 POST 到页面的结果

Question

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

我想(至少首先)发送我的表单，并将返回的数据显示在表单下方(在同一 View 上)。

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

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

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 });
});