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

Question

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

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

我到目前为止的代码:

服务器端功能:

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

});

明白了!

You need to make sure that you have the express bodyparser middleware implemented into your server to ensure that the data sent as the body of the post request is then parsed into an object literal on the server side. In your server module/file, you'll need to include the following code, and ensure that you've npm install body-parser:

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

app.use( bodyParser.json() );