Question

我有这样编写的前端代码，点按一下按钮，我需要从节点服务器获取某些数据，以填充我在客户端的地图。此地图显示在：“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);

});

当我点击“加热！”时，没有任何反应，当我检查浏览器控制台时没有发送请求，我也无法获得任何日志输出。

任何人都可以告诉我如何将后端数据提供给前端，以便我可以动态更改前端页面吗？

Answer 1

您的脚本未被调用，您的输入名为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
})

在按钮单击时从服务器nodejs请求数据

1 个答案: