如何使用Node-express呈现从页面B通过表单发布的数据到页面A?

时间:2019-05-20 13:06:06

标签: javascript node.js express ejs templating-engine

问题

大家好。在过去的半个小时中,我一直在努力尝试解决这种借出方法。问题是,当我通过页面A中的表单发布数据并希望在页面B中呈现这些数据时,我不断收到特定的错误“无法获取特定的URL”。尽管我使用的是POST,但我一直在获取URL中的数据。

Image 1/3 Image 2/3 Image 3/3

 // Import core packages
    const express = require( "express" );
    const path = require( "path" );
    const bodyParser = require( "body-parser" );

    // Declare global constants
    const app = express();
    const users = [];

    // Register a template engine
    app.set( "view engine" , "ejs" );
    app.set( "views" , "templates" );

    // Middleware

    app.use( bodyParser.urlencoded( {
        extended : false
    } ) );

    app.get( "/" , ( req , res , next ) => {

        res.render( "index" , { pageTitle : "Home Page" } );

    } );

    app.get( "/users" , ( req , res , next ) => {

        res.render( "users" , { pageTitle : "Users Page" , users } );

    } );

    app.post( "/add-user" , ( req , res , next )=> {

        users.push( { username : req.body.username } );
        res.redirect( "/users" );

    } );

    // Server listening
    app.listen( 3000 );

users.js users.ejs index.js index.js

已更新

问题出在表单结构中。

应为method="POST",而不是type="POST"

1 个答案:

答案 0 :(得分:1)

使用get和take方法req.query.username。 尝试这样:

app.get( "/add-user" , ( req , res , next )=> {

    users.push( { username : req.query.username } );
    res.redirect( "/users" );

} );