1

我正在构建一个快速应用程序，当用户填写表格时；如果成功，他们将看到确认提交的警报。

在我的 server.js 文件中，我声明

var cookieParser = require("cookie-parser"),
session = require("express-session"),
flash = require("connect-flash"),
app = express();

其次是：

app.use(cookieParser("keyboard cat"));
app.use(session({ 
    cookie: { maxAge: 60000 },
    secret: "keyboard cat" 
}));
app.use(flash());
require("./server/config/routes.js")(app);`

我的路线文件：

app.get("/", function(req, res){
    res.render("index", { message: req.flash("success") });
});

app.post("/sendMsg", function(req, res){
    mainController.sendMsg(req, res);
});

app.get("/sentSuccess", function(req, res){
    req.flash("success", "Thanks!");
    res.redirect("/");
});

最后在我的 jquery 调用的 main.js 文件中（我使用 SweetAlert 进行警报样式）：

$(document).ready(function(){
if(message){
    var frm = document.getElementsByName('msgForm')[0];
    swal({
        title: "Sweet!",
        text: "Thanks",
        imageUrl: "javascripts/sweetalert/thumbs-up.jpg"
    });
    frm.reset();
}
});

我遇到的问题是Uncaught ReferenceError: message is not defined在客户端控制台上。我已经阅读了https://www.npmjs.com/package/connect-flash并查看了https://github.com/jaredhanson/connect-flash/tree/master/examples/express3上的示例，但我'我不确定为什么没有传回消息。

4

2 回答 2

1

添加中间件：

app.use(flash());
app.use(function(req, res, next){
  res.locals.messages = req.flash();
  next();
});

然后messages在前端使用

于 2015-08-01T02:57:46.867 回答
0

也许，问题在于您的代码尝试访问message变量的方式。正如@Pushkin 所说message，将被传递给视图，并且不能被 javascript 引用。

你可以试试这个（如果你使用玉作为视图引擎）

    if message
      .script
        // your javascript or function()

所以最后代码看起来像：

if message
    .script
        var frm = document.getElementsByName('msgForm')[0];
            swal({
                title: "Sweet!",
                text: "Thanks",
                imageUrl: "javascripts/sweetalert/thumbs-up.jpg"
            });
            frm.reset();

现在您将能够访问该message变量。

如果使用ejs语法几乎相似

<% if (message) { %>
 // Do something here..
<% } %>
于 2015-08-02T06:54:22.610 回答