Question

我正在尝试将网站的表单数据提交到我的node.js应用程序。

在该网站有我

<script>
    $(document).ready(function (e) {
        $("#loginForm").submit(function () {
            e.preventDefault();
            var form = $("#loginForm");
            var url = form.attr("action");
            var formData = {};
            $(form).find("input[name]").each(function (index, node) {
                formData[node.name] = node.value;
            });
            $.post(url, formData).done(function (data) {
                alert(data);
            });

        });
    })
</script>
<form method="post" id="loginForm" action="/">
    <div class="form-group row">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
        <div class="col-sm-10">
            <input type="email" class="form-control" name="username" id="inputEmail3" placeholder="Email">
        </div>
    </div>
    <div class="form-group row">
        <label for="inputPassword3" class="col-sm-2 col-form-label">Password</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" name="pasword" id="inputPassword3" placeholder="Password">
        </div>
    </div>
    <div class="form-group row">
        <div class="col-sm-12 text-right">
            <button type="submit" class="btn btn-primary">Sign in</button>
        </div>
    </div>
</form>

server.js文件接听电话，工作正常，并且页面更改为我要回发的内容。

app.post('/', function (req, res) {
    var username = req.body.username;
    var htmlData = 'Hello:' + username;
    res.send(htmlData);
    console.log(htmlData);
});

由于某种原因，我无法使页面停止重新加载。

Answer 1

您将e参数放在错误的函数中。

尝试一下

 <Content Include="FolderPath/*">
    <CopyToOutputDirectory>Always</CopyToOutputDirectory>
  </Content>

Answer 2

您应该在传递给preventDefault处理程序的参数上调用onclick：

<script>
$(document).ready(function () {
    $("#loginForm").submit(function (e) {
        e.preventDefault();
        // ... ... ...
    });
})
</script>

您可以使用类型为button的按钮并拦截onclick事件来执行相同操作：

<script>
$(document).ready(function () {
    $("#theButton").click(function (e) {
        e.preventDefault();
        // ... ... ...
    });
})
</script>

<button id="theButton" type="button" class="btn btn-primary">Sign in</button>

Node.js Ajax不断重新加载新页面

2 个答案: