使用node.js/express将数据保存到mysql而不刷新页面

Question

我正在学习 node.js 并且我已经设法通过表单提交将数据保存到 mysql 中。代码如下所示：

    app.post('/auth', function(request, response) { 

    let date = request.body.date;

    let user = request.body.user;

    let email = request.body.email;

    connection.connect(function(err) {

                if (err) throw err;

                console.log("Connected!");

                var sql = "INSERT INTO demotable (date, user, email) VALUES (?,?,?)"; 

                connection.query(sql, [date, user, email], function (err, result) {

                  response.end(); 

                });

              });

});

这有效并且数据被添加到表中，但是因为我使用 input submit 之后它会将我带到一个新页面 (/auth)。我需要更新数据库而不更新或刷新整个页面，这意味着我不能使用提交表单。相反，实现此目的的最佳方法是什么？

Answer 1

我通过在客户端使用 AJAX POST 请求来完成此操作。与其让按钮提交表单，不如让它执行具有 onclick 属性的功能。您可以使用 ID 获取每个输入的值。至于服务器端路由，只需使用res.send()或发送简单响应的任何内容即可。在下面的函数中，收到的响应非常简单。在您的路线上，如果身份验证失败，只需执行类似操作res.send({"status": "failed"})并且 AJAX 调用将收到该消息，请查看（响应回调）。状态失败并提醒用户，与身份验证成功相同（只是在res.send() 调用）。希望这有帮助！function authenticate() {    $.ajax({        type: "POST",        url: "/auth",        data: {            "date": Date.now(),            "user": document.getElementById('usernameInput').value,            "email": document.getElementById('emailInput').value        },        success: function(data) {            if(data.status == "success") {                alert("successfully authenticated!")            } else if(data.status == "failed") {                alert("failed authentication!")            }        }    });}