Javascript 会话闪存消息仅在单独刷新后显示,不在express中的POST上显示
从几周前的Express开始,终于遇到了我的第一个障碍。我正试图弄清楚如何向我的视图(layout.jade)发送一条flash消息。当我验证一个用户注册时,验证失败(使用express validator),我想写入会话flash消息,然后在页面上显示它 我现在所做的只有在发布后刷新(例如在controllers/index.js中)时才起作用,我还需要弄清楚如何只让此flash消息显示一次: /app.jsJavascript 会话闪存消息仅在单独刷新后显示,不在express中的POST上显示,javascript,node.js,express,Javascript,Node.js,Express,从几周前的Express开始,终于遇到了我的第一个障碍。我正试图弄清楚如何向我的视图(layout.jade)发送一条flash消息。当我验证一个用户注册时,验证失败(使用express validator),我想写入会话flash消息,然后在页面上显示它 我现在所做的只有在发布后刷新(例如在controllers/index.js中)时才起作用,我还需要弄清楚如何只让此flash消息显示一次: /app.js /* * Configuration */ app.configure(func
/*
* Configuration
*/
app.configure(function() {
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(expressValidator);
app.use(express.cookieParser());
app.use(express.bodyParser({ uploadDir : './' }));
app.use(express.methodOverride());
app.use(viewHelpers());
app.use(function(req, res, next){
res.locals.messages = req.session.messages || {};
delete req.session.messages;
next();
});
app.use(express.session({
secret: config.secret,
cookie: {
maxAge: 365 * 24 * 60 * 60 * 1000
},
store: new MongoStore(config.db)
}));
app.use(express.static(__dirname + '/public'));
app.use(app.router);
});
/视图/layout.jade:
div.alert.alert-error
- if (typeof messages !== "undefined")
!=partial('session_flash', { messages : messages })
/视图/部分/会话_flash.jade:
div.alert.alert-error
each message in messages
=message
/控制器/index.js
req.assert(['user', 'username'], 'Please enter a valid username').len(3, 23);
req.assert(['user', 'email'], 'Please enter a valid email').isEmail();
req.assert(['user', 'password'], 'Please enter a valid password').len(3, 23);
req.session.messages = 'Please fix the errors below';
errors = req.validationErrors();
if (errors) {
console.log(errors);
res.render('join', {
title : 'Join -',
errors: errors,
params: params
});
return;
}
它是否仅在我刷新(发布后)后显示,因为我是从
/controllers/index.js
而不是/app.js
中呈现联接模板?另外,我应该在配置中执行类似于delete req.session.messages
的操作吗?我在任何地方都找不到一个完整的例子,我发现的那些都过时了。看起来你确实在使用一个过时的例子。expressv3.x不再使用partials。请参见wiki中的。而是使用和
登录时显示错误消息的一种简单方法是
index.js
app.locals.error = null;
app.post('/login', function(req, res){
var name = req.body.name;
var password = req.body.password;
if (!name || !password) {
res.status(400);
return res.render('login', {
error: 'All fields are required'
});
}
})
app.locals.error=null
将错误的默认值设置为null
。这样,您就不必在每次呈现login.jade时设置error
变量,而且不存在error
res.render('login', {
error: null
});
您的login.jade
模板可能如下所示
extends layout
block content
- if (error)
p= error
form(method='post', action='/login')
p
label(for='name') Username:
input(type='text', name='name', id='name')
p
label(for='password') Password:
input(type='password', name='password', id='password')
p
input(type='submit', value='Submit')
你看过connect flash了吗?知道如何在重定向页面上获取会话消息吗?