如何将数据从客户端表单输入传输到服务器端 Nodejs 脚本？

Question

我正在尝试实现从客户端的表单输入中获取数据并将其发送到服务器以由我的 Nodejs 后端处理的功能。

我已经让服务器端功能正常工作，但我不确定如何通过提交的$.ajaxGET 请求将数据从客户端表单发送到我的后端服务器表格。

我目前的代码：

服务器端功能：

app.get('/id', function(req,res) {
    var query = "SELECT * FROM Control";
    connection.query(query, function() {
            console.log(query);
    });
});

客户端功能：

function select()
            {

                $.ajax({
                    type: 'get',
                    url: '/id',
                    success: function(data) {
                        var ceva = data;
                        console.log('#ceva');


                    },
                    error: function(err) {
                        console.log(err);
                    }

                    });
            }

Answer 1

您想使用 POST 请求而不是 GET 请求。这样做将允许您与请求一起发送数据，然后您可以在服务器端的查询中使用这些数据并将响应发送回您的客户端。像这样：

客户端

function select() {

     var id = $('#My-ID-Input').val();

     $.ajax({
        type: 'post',
        url: '/id',
        data : {
             id : id
        },
        success: function(data) {
             var id = data.id;
             $('#My-ID-Input').val(id);
        },
        error: function(err) {
             console.log(err);
        }

    });
}

服务器端

app.post('/id', function(req, res) {

    var data = req.body;
    var id = data.id;

    var query = "SELECT * FROM Control WHERE id=" + id;
    connection.query(query, function(error, result) {
        console.log(result);
        res.send(result);
    });

});

GOTCHA！

您需要确保您拥有express bodyparser 中间件实现到您的服务器中，以确保发送的数据 因为 post 请求的主体随后被解析为对象字面量 在服务器端。在您的服务器模块/文件中，您需要包含以下代码，并确保您拥有 npm install body-parser:

var bodyParser = require('body-parser');

app.use( bodyParser.json() );