javascript - 如何使用 AJAX/jQuery 将数据发送到 Node js 的 post 方法？

Question

我有一个 udp 服务器，每次向它发送消息时都会发回不同的消息。如果我将消息硬编码到 var 消息中，那么一切正常。但我希望客户端能够手动输入一条消息，然后当按下刷新按钮时，ajax 会再次发送相同的输入消息。现在，按下按钮时没有任何反应，因为 ajax 不知道 req.body.number 是什么。

Answer 1

您可以使用 jQuery 的 $.post()方法发送一个 json 对象，或者你可以 url 编码参数:

JSON:

$.post('/output2', {number: 'value1'}, function(data){
    // Do things
});

网址:

$.post('/output2?number=value1', function(data){
    // Do things
});

要在您的发布路由上接收这些参数，您可以使用 req.body 变量:

app.post('/output2', function(req, res){
    var number = req.body.number;
    // Do things
});

您设置表单的方式实际上并不需要 jQuery post 方法来执行此操作。如果您确实想要完整的 jQuery 提交，请将其添加到您的 index2.html。

<script>

$(function(){
    $(document).on('submit', 'form', function(e){
        e.preventDefault();
        var formdata = { number: $('input[name="number"]').val() };
        $.post('/output2', formdata, function(data){
            alert(data);
        });
    });
});

</script>