使用Ajax和Node.js的简单按钮单击示例

Simple button click example with Ajax and Node.js?

本文关键字：按钮 单击 简单 Ajax Node js 使用      更新时间：2023-09-26

我是Ajax和Node的新手.js + Express。在这一点上，我正在尝试弄清楚如何通过按钮与前端和后端进行通信。

我在 HTML 页面上有一个按钮，我想用它来从后端调用函数并将文本输出到客户端。

这是我为我需要的东西拼凑出来的，但我正在寻找一个关于如何做到这一点的例子。

这一切都发生在/page 上

索引.hjs 文件 

<button class="btn btn-success" onclick="install()">Install</button>
// Client Side Ajax Script
<script>
    $('button').click(function () {
        $.post('/page', {data: 'blah'}, function (data) {
        console.log(data);
      });
    }, 'json');
</script>

应用程序.js文件

app.post('/page', function (req, res, next) {
  calling.aFunction();
  res.write('A message!');
});

这些是我需要的所有部分，以及需要编辑哪些部分才能使此功能正常工作？

索引.js

<button class="btn btn-success">Install</button>
// Client Side Ajax Script
<script>
    $('button').click(function () {
        $.post('/page', {data: 'blah'}, function (data) {
        console.log(data);
      });
    }, 'json');
</script>

应用.js

app.post('/page', function (req, res) {
    calling.aFunction();
    res.send('A message!');
});

您应该在浏览器控制台中看到"一条消息！

相关文章：