如何使用 AJAX/jQuery 将数据发送到节点 js 的发布方法

How to send data to post method of node js using AJAX/jQuery?

本文关键字：js 布方法 方法 节点 AJAX 何使用 jQuery 数据      更新时间：2023-09-26

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

你可以使用 jQuery 的 $.post（） 方法来发送一个 json 对象，或者你可以对参数进行 url 编码：

杰森：

$.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>

修改了wrxsti的一点代码，我们不需要让var formdata，只需使用：

$("#submit").on("submit",function (e) {
        e.preventDefault();
        $.post("http://localhost:5000/post/comment",$(this).serialize(), function( data ) {
          console.log(data);
        });
});
相关文章：