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

Nomadev95

目前,我正在从客户端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上显示

汉斯·费利克斯·拉莫斯(Hans Felix Ramos)

在您的API路线上发送回复:

var var1, var2;
router.post('/route1', function(req, res1){ 
    var1 = "value of var1";
    var2 = "value of 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);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用node.js获取当前目录名称并将其显示在html页面上

从 Node.js 服务器检索数据并将其显示在网页上

使用Selenium和python捕获AJAX响应

使用Python,Flask和Ajax,如何解析ajax调用的响应并将其打印为HTML?

使用 AJAX 响应解析 JSON 对象并将其转换为 html 表

使用Gstreamer捕获屏幕并将其显示在窗口中?

如何使用jQuery在HTML上显示Ajax列表响应?

显示网络摄像头提要,捕获图像并将其保存在本地的node.js中?

使用公共 JSON API 并将其显示为 html

使用jquery ajax捕获401未经授权的http响应

如何捕获当前登录的管理员的UserID并将其显示在另一页上?

如何捕获对硬盘的读/写并将其显示在OS X上?

如何从HTML Canvas捕获框架并将其显示在Bootstrap模式下?

在$ .ajax响应中捕获错误,并显示异常

无法使用Node.js和Express捕获POST参数

如何使用Node.js捕获命令行输出?

使用JavaScript显示随机数列表并将其显示在Modal上

即使使用通配符,Node.js Express路由也无法捕获某些GETS

使用$ .ajax返回HTML并将其转换为JavaScript数组

如何从 HTML 文档中捕获数字输入并将其保存为 JS 中的数值?

如何使用JQUERY从XML获取内容并将其显示在表上?

如何使用Java从Mysql检索数据并将其显示在jframe中的jtable上

放大div文本并将其显示在块上(onClick并使用Javascript)

想要使用三个DatePicker并将其显示在TextView上

使用AJAX捕获JSON数据,然后通过HTML上的ElementID输出数据

是否可以使用 Node-RED 上的 node.error() 函数捕获对象?

如何选择Ajax响应的一部分并将其放入现有的html元素中

如何使用Node.js从json文件读取数据并将读取的数据显示为html?

如何使用用户输入创建 html 并将其显示在新选项卡中?