我以这种方式编写了前端代码,单击按钮后,我需要从 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);
});
当我点击“加热!”时,没有任何反应,当我检查浏览器控制台时没有发送任何请求,而且我也无法获得任何日志输出。
谁能告诉我如何将后端数据获取到前端,以便我可以动态更改前端页面?
最佳答案
您的脚本不会被调用,您的输入名为 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
})
关于javascript - 单击按钮时从服务器 NodeJS 请求数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36364264/