javascript - 单击按钮时从服务器 NodeJS 请求数据

Question

我以这种方式编写了前端代码，单击按钮后，我需要从 Node 服务器获取某些数据来填充我在客户端的 map 。该 map 显示在:“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
})