Question

我正在尝试从表单中发布字段，但是lista [0] .usuario在jade页面中似乎是空的。

我正在使用：节点版本v0.12.3000 表达3.20.3

- 我的代码 -

--- --- app.js

var express = require('express');
var routes = require('./routes');
var http = require('http');
var path = require('path');

var app = express();

var v_login = require('./routes/login');

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
    app.use(express.errorHandler());
}

app.get('/login', v_login.login);
app.get('/login', v_login.get_enviar);
app.post('/login', v_login.post_enviar);

http.createServer(app).listen(app.get('port'), function(){
    console.log('Express server listening on port ' + app.get('port'));
});

--- --- login.js

var lista = new Array();

function login(req, res){
    res.render('login');
};

exports.login = login;

exports.get_enviar = function(req, res){
    login(req, res);
}

exports.post_enviar = function(req, res){
var usuario = req.body.usuario;
var password = req.body.password;
console.log(usuario);
console.log(password);

lista.push({
    usuario: usuario,
    password: password
})
res.render('login', {lista: lista});
console.log(lista[0].usuario);
console.log(lista[0].password); 

}

--- --- login.jade

doctype html
html(lang='en')
head
body
#container
form#frm(method="post", name="frm", action="login", enctype="application/x-www-form-urlencoded")
h1 Login
h2 usuario
input#usuario(name='usuario', type='text', value='')
br
h2 password
input#password(type='password', name='password', value='')
br
br
input(type='submit', value='Conectar')
br
br
if lista
    h1 #{lista[0].usuario}

#footer

Answer 1

您的功能登录已导出但未命名。你应该这样命名：

exports.login = function login(req, res){
    res.render('login');
};

或者您可以像这样调用您的登录方法： exports.login(req, res);

您还可以对您的功能进行delcare并单独导出：

function login(req, res){
    res.render('login');
};

exports.login = login;

Answer 2

您正在调用登录功能：

exports.post_enviar = function(req, res){
    var usuario = req.body.usuario;
    var password = req.body.password;
    lista.push({
        usuario: usuario,
        password: password
    })
    login(req, res); // Here
}

但是如果你看到，你在login.js文件中没有任何函数声明。

您只在exports对象上公开了登录信息：

exports.login = function(req, res){
    res.render('login');
};

如上所述，您可以将登录功能声明为单独的功能：

function login(req, res){
    res.render('login');
}

并将导出对象更新为：

exports.login = login;

这样：

 exports.post_enviar = function(req, res){
    var usuario = req.body.usuario;
    var password = req.body.password;
    lista.push({
        usuario: usuario,
        password: password
    })
    login(req, res); // Here
}

它可以正常工作。

这将是这样的：https://gist.github.com/wilsonbalderrama/d84cc800efb1169fea81

更新

您使用的是Express 3.X

关于您的另一个问题，您需要将强调的行添加到 app.js文件：

    // all environments
    ..
    app.use(express.logger('dev'));
    app.use(express.json());
    app.use(express.urlencoded());
    ..

然后，您就可以在 req.body 对象中获取值 usuario 和密码。

另一个更新：

您需要检查lista变量是否已包含用户名和密码。将强调的代码更改为 index.jade ：

      ..
      input(type='submit', value='Conectar')
      br
      br

    if lista
      h1 #{lista[0].usuario}

    #footer
    ..

完成处理usuario和密码值后，需要重新渲染通过列表数组的索引html：

然后在 exports.post_enviar方法中更改方法末尾的强调代码：

      ..
      lista.push({
          usuario: usuario,
          password: password
      })   

      console.log(lista[0].usuario);
      console.log(lista[0].password);  

      res.render('index', {lista: lista});
    }

Answer 3

您只推送数组列表中的一个元素：

lista[1] does not exist.

要获取密码，您应该尝试：

lista[0].password;

节点+快速发布错误

3 个答案: