繁体   English   中英

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

[英]How to redirect to another page after serving a post request in Node.js?

我想使用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文件。

我在计算机上测试了以下代码,并且可以正常工作。 我在发布请求处理程序中添加了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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM