使用Ajax和Node.js的簡單按鈕單擊示例？

Question

我是Ajax和Node.js + Express的新手。 在這一點上，我試圖弄清楚如何通過按鈕與前端和后端通信。

我在HTML頁面上有一個按鈕，我想用它從后端調用函數並將文本輸出到客戶端。

以下是我為了我需要而拼湊的內容，但我正在尋找一個如何做到這一點的例子。

這一切都發生在/ page上

index.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>

app.js文件

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

這些是我需要的所有部件以及需要編輯哪些部件才能使此功能正常工作？

Answer 1

index.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>

app.js

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

你應該看到“一條消息！” 在瀏覽器控制台中。