当前位置：网站首页>[express receives get, post, and route request parameters]

[express receives get, post, and route request parameters]

2022-07-26 16:46:00 【꒰ঌsnail໒꒱】

Catalog

One 、Express Receive request parameters

Preface ：

Use native Node.js Handle GET and POST Requesting parameters is very cumbersome , for example , In order to obtain GET Request parameters , Need to use url The module parses the request address . In order to reduce the difficulty of development ,Express adopt req.query、req.body And the Three party modules body-parser The request parameters are processed . Let's learn about Express How to receive request parameters .

Review previous knowledge , stay webstorm establish express project （ Project name :express-params)

First step ：

Insert picture description here
The second step ：

The third step ：

Insert picture description here

Step four ： function

Insert picture description here

Step five ： Check whether the server is already 3000 Successfully run on port ：

Insert picture description here The above interface appears , Indicates that... Was successfully created .

One 、Express Receive request parameters

1、 receive get Request parameters ： Use req.query receive

req.query. Parameter name

First ： Create route
Insert picture description here Name it ：getparams.js

var express =require('express')
var router=express.Router()

// establish get Request processing code ,get middleware 
//http://localhost:3000/params/gets
router.get('/gets',((req, res) =>{
    
    // adopt req.query receive Get Requested parameters 
    res.send(req.query)
    console.log(' full name ：'+req.query.userName)
    console.log(' Age ：'+req.query.userPwd)
} ))

module.exports =router

secondly ： To configure app.js

var getparamsRouter=require('./routes/getparams');
app.use('/params',getparamsRouter);

then ： stay postman Debug the software
Insert picture description here

Last ： Access on the client browser

Insert picture description here

2、 receive post Request parameters ： Use req.body receive

req.body. Parameter name

getparams.js：

var express =require('express')
var router=express.Router()

// establish post Request processing code ,post middleware 
//http://localhost:3000/params/posts
router.post('/posts',(req, res) => {
    
    res.send(req.body)
    console.log(' full name ：'+req.body.userName)
    console.log(' Age ：'+req.body.userPwd)

})
module.exports =router

stay postman Software debugging ：

Insert picture description here

The following message appears , Table name request succeeded ：
Insert picture description here Verify the request on the client ：

Create a login page login.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style> div{
       width: 300px; margin: 100px 600px 500px 400px; } </style>
<body>
    <div>
        <form action="http://localhost:3000/params/posts" method="post">
            <label>
                 user name ：<input type="text" name="userName">
            </label>
            <br><br>
            <label>
                 The secret &nbsp;&nbsp;&nbsp; code ：<input type="password" name="userPwd">
            </label>
            <br><br>
            <button type="submit"> Sign in </button>
        </form>
    </div>
</body>
</html>

Insert picture description here
enter one user name , And password , Click login , Jump successful ：

Insert picture description here

3、 Receive route parameters ： When defining routes , Parameters passed in the request path

for example ： Request path “/find/:id” Medium “:id” Is a parameter placeholder ,
When the browser to “/find/:id” Address when sending a request ,“:id” The corresponding value is the parameter value .
When receiving parameters , Use req.params

getparams.js：

var express =require('express')
var router=express.Router()

//http://localhost:8000/params/find/123/ Xi'an 
    router.get('/find/:id/:addr',((req, res) =>{
    
        // adopt req.query receive Get Requested parameters 
        res.send(req.params)
        console.log(' Routing parameters ：'+req.params.id)
        console.log(' Routing parameters ：'+req.params.addr)

    } ))
module.exports =router