Question

我有一个HTML应用程序，其中我使用AJAX在单击提交按钮后在同一页面中显示输出。在提交之前我能够使用

获取HTML表单中传递的值

 app.use(express.bodyParser());

    var reqBody = req.body;

如何在单击提交按钮后从同一HTML页面读取输出。

Answer 1

考虑您有以下形式：

<form id="register"action="/register" method="post">
    <input type="text" name="first_name"/>
    <input type="text" name="last_name"/>
    <input type="text" name="email"/>
    <input type="submit" value="register"/>
</form>

您的客户端JavaScript可能如下所示：

var form = document.getElementById("register");
form.addEventListener("submit", function() {
    // ajax call

    // prevent the submit
    return false;
});

在服务器端，您可以访问表单数据：

app.post("/register", function(req, res) {
    var user = {
        first_name : req.body.first_name,
        last_name  : req.body.last_name,
        email      : req.body.email
    };
});

进一步阅读：
How to prevent form from being submitted?

Answer 2

您可以将响应作为json数据从node.js发送到HTML页面，并在AJAX成功回调中使用它。

的node.js：

res.send(resObj);

HTML：

$("#form").submit(function () {
  $.ajax({
    type: "POST",
    url: 'url',
    data: formData,
    success: function (data) {
      data //contains response data
    }
  });
});

读取nodejs中的ajax值

2 个答案: