将确认警报从Node/Express发送到浏览器,而无需重新加载页面
Sending confirmation alerts from Node/Express to Browser without reloading page
我有一个带工作用户身份验证系统的web应用程序。当用户更新他们的数据(例如电子邮件地址或密码)时,它会向服务器发送POST请求,服务器反过来更新数据库。我想在成功或错误时在现有页面上有一个引导程序风格的块警报闪烁。我可以通过(1)来自服务器的res.send
响应和(2)监视res.send
数据并将块警报HTML代码插入浏览器的jQuery脚本的组合来实现这一点吗?
app.post
块(通过post请求接收更新的用户数据)看起来像这样:
app.post('/updateuser', function(req, res) {
console.log(req.body);
[code here to update database]
res.send('[code to send to jQuery here]');
呈现块警报的HTML是:
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Success!</strong>User data has been updated.
</div>
如果这是可能的,(a)服务器端res.send
或类似代码和(b)客户端jQuery代码会是什么样子?
提前感谢!
您想要的是连接闪存:https://github.com/jaredhanson/connect-flash
参见示例https://github.com/jaredhanson/connect-flash/blob/master/examples/express3/views/index.ejs以在渲染的模板中显示flash,或者如果需要,使用消息发出警报。
相关文章:
- 创建新数据和加载现有数据需要单独的视图吗
- 钛 - HTTPClient:打开新的控制器加载
- 保持 JavaScript 在浏览器控制台中运行,即使在新的页面加载之后也是如此
- 路由到新页面时加载不起作用
- 如何在新窗口完成加载后执行某些内容
- 使用新标题重新加载 html 页面
- Primefaces在打开新页面时加载数据消息
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- 用新数据重新加载renderer3d
- 文本不被渲染后,新的页面加载- JQuery移动
- 需要在新标签中加载pdf/doc文件,而不是下载,只是想在浏览器中阅读
- 用新参数重新加载页面
- Js和CSS不检测新页面何时加载
- 在新页面上加载一个flash视频,它在上一页上的位置
- 在新窗口中加载代码编写器视图
- 在控制台中使用新脚本重新加载页面
- 如何在加载新页面后加载AJAX数据
- 如何使用jQuery在新窗口中加载页面,然后关闭它们
- Jquery没有看到新的HTML加载到对话框中
- 无法用新值重新加载JGrid