如何从前端触发nodejs/express事件
1个回答
2016-08-08 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向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
});
// 向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
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询