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

 我来答
huanglenzhi
2016-01-22 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数:117538 获赞数:517195
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。

向TA提问 私信TA
展开全部
前端:$('.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
});
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式