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

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

Answer 1

用户e.preventDefault（）提交表单而不刷新页面

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

如何在没有页面加载的情况下发送POST请求并返回响应

1 个答案: