html - 如何根据node.js express中的特定按钮调用函数

Question

我想根据点击哪个按钮来调用函数。
我这里有一个名为 test.ejs 的 EJS 文件

<form>
        <input type="submit" value="Click here 1"></input>
        <input type="submit" value="Click here 2"></input>
        <input type="submit" value="Click here 3"></input>
        <input type="submit" value="Click here 4"></input>
</form>

我有 JS 文件名 test.js

var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res) { 
console.log("Get the Request from test...!!!");
});
function button1(){
  console.log("User Click Button 1");
}
function button2(){
  console.log("User Click Button 2");
}
function button3(){
  console.log("User Click Button 3");
}
function button4(){
  console.log("User Click Button 4");
}
module.exports = router;

我想在按钮 1 与按钮 2、3 和 4 类似地单击时调用 function button1()。
程序是什么。请帮我举个例子。

Answer 1

您可以使用 AJAX 或 WebSockets:

AJAX:

(我假设你有 jQuery)

html:

<button id='button1'> Test </button>

js(客户端):

$('#button1').click(function(){
    console.log('button clicked');
    $.ajax({url: 'test1', success:function(res){
        console.log('server response is', res);
    }});
});

js(服务器):

function buttonAction1(res){
    res.send('ok');
}
router.get("/test1", function (req, res) {
    buttonAction1(res);
});

WebSockets:

我更喜欢使用类似 socket.io 的东西.这是一些tutorial你可以使用。