点击按钮从服务器nodejs请求数据

Request data from server nodejs on button click

本文关键字：nodejs 请求 数据 服务器 按钮      更新时间：2023-11-29

我有这样写的前端代码，单击按钮时，我需要从节点服务器获取某些数据，以填充客户端的映射。此地图显示在："http://localhost:8080/"

我要从服务器请求的代码如下：

<div id="heatmap">
        <input name="heatit" type="submit" value="Heat up!">
        <script>
            $("#heatit").click(function (){
                $.ajax({
                    url:"/heatmap",
                    type: "POST",
                    success: function(result) {
                        console.log("hi");
                    }                
                    });
                });
            </script>
    </div>

这是我的服务器端代码：

app.post('/heatmap', function(req, res) {
  console.log("hey");
  res.send(densityList);
});

当我点击"加热！"时，什么都没有发生，当我检查浏览器控制台时没有发送任何请求，我也无法获得任何日志输出。

有人能告诉我如何将后端数据发送到前端，这样我就可以动态更改前端页面吗？

您的脚本没有被调用，您的输入名为heatit，但您的jQuery正在侦听id为heatit的东西的点击。尝试在你的html中设置该id，然后从那里开始：

<input id="heatit" name="heatit" type="submit" value="Heat up!">

如果你想保持你的html不变，你可以更改你的点击监听器：

$('input[name=heatit]').on('click', function(){
  //your code
})
相关文章：