我目前在 Express.js
中显示 Flash 消息时遇到了一些问题使用 Jade 的模板引擎和连接闪存。当用户尝试将新的 User 对象添加到我已经存在的数据库时,我只是想闪烁一条错误消息。但是,在调用 router.post 并重定向回索引(下面的代码)后,Flash 消息没有显示在我的页面上。
通过各种console.logs和debugging,发现我贴的数据确实贴对了,并且设置了flash message。我发现在重定向时,所有正确的数据都传递给了 Jade 模板,但文件本身中的变量没有更新。我现在想知道这是与 session 相关的问题,还是只是我完全忽略的与 Flash/Jade/Express 相关的问题?
在下面的代码中,我正在记录 session 数据并将 flash 消息设置为变量。如果 flash 消息的数组为空(即在页面加载时),则会设置一个数组,并显示一条消息。如果 flash message(s) array 包含 flash message,则测试阵列设置有这样的消息。index.js
:
router.get('/', function(req, res, next) {
console.log(req.session);
var testArray;
var errorMessages = req.flash('user-error');
if (errorMessages.length === 0)
testArray = ['errorMessages is empty'];
else
testArray = ['errorMessages contains a message now'];
console.log(errorMessages);
console.log(testArray);
res.render('index', {
message: errorMessages,
tester: testArray,
...other irrelevant vars being passed...
});
});
router.post('/add', function(req, res, next) {
var ajaxData = req.body;
console.log(ajaxData);
User.findOne({name: ajaxData.name}, function(err, user) {
if (err) return console.error(err);
// if User DNE already in DB
if (user === null) {
...new user created and saved here...
}
/*where the important stuff begins*/
else {
console.log("flash message set");
req.flash('user-error', "A user with that name already exists!");
}
// redirect to index
res.redirect('/');
});
});
在我的 Jade 模板中,我再次记录 errorMessages 和 testArray 以确保所有内容都正确传递到文件(它是)然后显示变量。
index.jade
-console.log(message);
-console.log(tester);
.error-box Error: #{message}
.error-box Error: #{tester}
最初加载页面,我将得到以下 HTML 输出:
<div class="error-box">Error: </div>
<div class="error-box">Error: errorMessages is empty</div>
这里没有惊喜。但是当我提交带有设置错误提示信息的数据的表单时,我从
router.get('/')
得到更新的日志。和 index.jade
两者都正确 errorMessages
和 testArray
变量。但是我的 HTML 输出保持不变:<div class="error-box">Error: </div>
<div class="error-box">Error: errorMessages is empty</div>
显然,传递给 Jade 的变量正在正确更新,但 Jade 似乎根本没有更新 HTML。由于我对 connect-flash 和 Jade 的工作方式了解有限,这会让我相信这是一个与 session 相关的问题,但是我在
app.js
中的代码似乎设置正确...var session = require('express-session');
var flash = require('connect-flash');
app.use(session({
secret: 'secret',
cookie: { maxAge: 60000 },
resave: false,
saveUninitialized: false
}));
app.use(flash());
我对
Express.js
比较陌生,所以我觉得可能有一些我忽略或不明白的小东西,但我已经尝试尽可能详细,所以我希望有人能在这里帮助我!
最佳答案
经过更仔细的检查,我发现真正导致问题的原因是res.redirect('/')
没有运行,因为我试图在客户端使用 AJAX 来调用 router.post('/add')
.
我通过简单地删除我的 AJAX 请求解决了这个问题,然后返回到我的 HTML 并更改我的表单的属性(我通过 AJAX 发送其数据的表单)以包含 method="POST"
和 action="/add"
.这是对我的 router.post('/add')
进行服务器端调用的正确方法.
我发现有人遇到了同样的问题 here , 和 this question最初让我研究 AJAX/客户端与服务器端问题。我在@herbyme 的评论中发现了后一个问题 this post .
关于ajax - 在 Express.js 中重定向后 Jade html 未更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32702878/