單擊按鈕從服務器nodejs請求數據

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監聽的是帶有heatit ID的heatit 。 嘗試在HTML中設置該ID並從那里開始：

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

如果您希望HTML保持不變，則可以更改點擊偵聽器：

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