javascript - Node.Js - Jade 表单不发布或不执行任何操作?

标签 javascript node.js express pug

app.js

   /**
 * Module dependencies.
 */

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

var app = express();

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


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

app.get('/', routes.index);
app.get('/about', routes.about);
app.get('/contact', routes.contact);

app.get('/moviesList', routes.moviesList);

app.get('/addMovie', routes.addMovie);

app.post('/movieAdded', routes.movieAdded);

index.js

exports.movieAdded = function (req, res) {
    console.log(req.body);
    res.render('movieAdded', req.body);
};

addMovie.jade

extends layout

block content

    br
    form(action="/movieAdded", method="POST")
    input(type="text", name="movie" ,value="movie")
    br
    input(type="number", name="rating", value="rating")
    br
    input(type="number", name="year", value="year")
    br
    input(type="submit" value="Submit")

当我点击提交按钮时,它不会在控制台上发布任何内容,也不会在浏览器中显示任何内容。换句话说,它处于闲置状态。尝试了很多方法,因此我们将不胜感激。

最佳答案

您需要在所有输入中进行制表:

extends layout

block content

br
form(action="/movieAdded", method="POST")
    input(type="text", name="movie" ,value="movie")
    br
    input(type="number", name="rating", value="rating")
    br
    input(type="number", name="year", value="year")
    br
    input(type="submit" value="Submit")

如果您不在表单下放置选项卡,那么它将在表单之外呈现输入。

因此,需要一个选项卡来使所有输入成为表单的子项。

关于javascript - Node.Js - Jade 表单不发布或不执行任何操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35077795/

相关文章:

javascript - 当我执行 Math.random() 函数时,为什么当 "1"是独占时它能够返回 "1"?

javascript - onChange 是延迟一个字符 - Hooks

javascript - 从多个调用发出单个 HTTP 请求

node.js - 使用 Node.js 和 native Promise 构建堆栈跟踪

javascript - 如何使用 Firebase 函数从 Firestore 获取值(value)?

node.js - 使用axios发送请求时如何设置代理?

javascript - 正则表达式 javascript 仅返回一个值而不是完全匹配

javascript - 带有文本的 POST 请求

node.js - Mongoose/MongoDB batchSize(30) 仍然返回所有结果

node.js - 从 Node.JS 中的中间件函数返回对象