在Node.js中提供发布请求后,如何重定向到另一个页面?

时间:2019-01-05 12:14:10

标签: javascript html node.js express

我想使用post方法保存用户通过表单提交的数据,然后将其重定向到本地计算机上的另一个html页面,有什么方法可以使用Node.js来实现,或者表示如何做我这样做吗?

这是表单的html代码:

<html>
<head></head>
<body>
    <form action="post_register.html" method="POST">
        university name:<input type="text" name="name" placeholder="University name"><br>
        faculty Username:<input type="text" name="facul" placeholder="faculty username"><br>
        password:<input type="password" name="password" placeholder="password"><br>
        <button >register</button>
    </form>
</body>

这是JavaScript文件:

var express = require("express");
var app = express();
var bodyparser=require("body-parser");
app.use(bodyparser.urlencoded({ extended: true }));

app.listen(3000);

app.get("/domain_register",function(req,res)
{
  res.sendFile(__dirname+"/domain_register.html");
})

app.post("/post_register",function(req,res)
 {
  console.log(req.body);
  res.end("yes");
});

我想要的是,在按下“提交”按钮之后,将接收到数据并将用户重定向到post_register.html文件。

1 个答案:

答案 0 :(得分:2)

我在计算机上测试了以下代码,并且可以正常工作。我在发布请求处理程序中添加了res.redirect('/success')行,并为/success路径创建了一个处理程序:

app.get('/', function (req, res) {
  res.sendFile(__dirname + '/index.html')
})

您可以使用自己的命名选择更改/success路径。

App.js

var express = require('express')
var app = express()
var bodyparser = require('body-parser')
app.use(bodyparser.urlencoded({ extended: true }))

app.listen(3000)

app.get('/', function (req, res) {
  res.sendFile(__dirname + '/index.html')
})

app.get('/success', function (req, res) {
  res.sendFile(__dirname + '/success.html')
})

app.post('/register', function (req, res) {
  console.log(req.body)
  res.redirect('/success')
})

index.html

<html>
    <head></head>
    <body>
        <form method="post" action="/register">
            <input type="text" name="username">
            <input type="password" name="password">
            <input type="submit">
        </form>
    </body>
</html>

success.html

<html>
    <head></head>
    <body>
        <h1>Welcome</h1>
    </body>
</html>