使用AJAX捕获节点JS路由的响应并将其显示在HTML上

节点JS路由的响应并将其显示在HTML上"/>

使用AJAX捕获节点JS路由的响应并将其显示在HTML上

[当前，我从客户端HTML / JS（var1和var2）获取输入，这些输入将被发送回服务器端Node JS。进行AJAX后期调用，并且路由将输入值存储在变量中。

现在，我希望在服务器端Node JS上定义var1和var2的值，并使用AJAX捕获响应。

index.html

<script type="text/javascript">
        $(document).ready(function(){
            $("#myButton").click(function(){
                var str1 = $("#ip1").val();
                var str2 = $("#ip2").val();

            $.ajax({
                     url: "http://localhost:8070/api/route1",
                     type: 'POST',
                     dataType:'json',
                     data: {var1: str1, var2: str2 },
                     success: function(res) {
                        divData='';
                        $.each(res.result1, function(i, key) {                       
                            divData=' <tr><td>'+key+'</td><td>'+res.result2[i]+'</td></tr>';
                            $('#restab').append(divData);                            
                        });                                                 
                        }
                    });    
                });                   
         });
</script>

app.js

router.post('/route1', function(req, res1){ 
    var1 = req.body.var1;
    var2 = req.body.var2; 
    console.log(var1);
    console.log(var2);
});

不是将数据发送到Node JS，而是希望在服务器端Node JS上声明值，并且路由发送的响应也需要在HTML上显示

在您的api路由上发送回复：

router.post('/route1', function(req, res1){ 
    var1 = req.body.var1;
    var2 = req.body.var2; 
    console.log(var1);
    console.log(var2);
    // Send response here:
    res.json({var1, var2})
});

您可以在ajax成功属性上访问它：

// ...
success: function(res) {
    console.log(res.data.var1);
    console.log(res.data.var2);
}