Question

如何从前端触发nodejs/express事件

Answer 1

前端:$('.button').on('click', function(e) {
// 向server "/buttonClicked" 发送一个get request
// 根据实际情况, 此处也可以是$.post();
$.get('/buttonClicked', function(data) {
// 此处的callback function中的data为server返回的数据(没有数据也可)
console.log(data);
};
});
后端express:app.get('/buttonClicked', function(req, res) {
res.send(data); // 此处发送的data, 即为前端中callback里将会得到的data, 如不需要则可以省略这一行
// 这里开始写需要的东西,比如更新数据库之类的...

res.end();// 如果不执行end(), 那么前端网页则会一直等待response
});
同理, 如果前端使用的post, 那么此处也应该为:app.post('/buttonClicked', function(req, res) {
res.send(data); // 此处发送的data, 即为前端中callback里将会得到的data, 如不需要则可以省略这一行
// 这里开始写需要的东西

res.end();// 如果不执行end(), 那么前端网页则会一直等待response
});
另外, 在express 4.x中, 如果使用了router:var router = express.Router();
那么需要将app替换为router:router.get('/buttonClicked', function(req, res) {
res.send(data); // 此处发送的data, 即为前端中callback里将会得到的data, 如不需要则可以省略这一行
// 这里开始写需要的东西

res.end();// 如果不执行end(), 那么前端网页则会一直等待response
});