如何在不使用 NodeJS 加载页面的情况下发送 POST 请求并获取响应

Question

我想向我的 NodeJS 服务器发送一个发布请求以更新我的数据库中的文档并获取响应，但我不想加载页面，我只想提醒它该过程已成功完成 ...... 这是我的代码 HTML：

 <form action="/products/update" method="POST" id="myFrom">
                        <button type="submit" class="btn btn-success">save</button>

    <input type="number" name="productCount">

    <input type="text" name="productName">
</form>

JS：

$("#myFrom").submit(function (e) {
    $.ajax({
            success: function (data) {
                console.log(data);
            }
    });
});

NodeJS：

router.post("/products/update", (req, res) => {
    console.log(req.body);
    res.status(200).send("success");
});

问题是当我按下保存时它会重定向到/products/update 并在其中输入成功，但我希望成功在编辑页面中成为警报

Answer 1

用户 e.preventDefault() 提交表单而不刷新页面

 $("#myFrom").submit(function (e) {
 e.preventDefault()
 $.ajax({
        success: function (data) {
            console.log(data);
        }
  });
 });