07. express处理get和post请求

于2022-11-01 17:06:28发布

get

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://localhost:8080/login" method="get">
        username：<input type="text" name='username'><br/>
        password：<input type="text" name='password'><br/>
        <input type="submit" value="login">
    </form>
</body>
</html>

node

const express = require('express');

const server = express();
server.listen(8080);

server.get('/login', (req, res) => {
    console.log(req.query);
    res.end();
});

console.log('server is runing...');

输出

post

express的post请求如果需要获取前端传递过来的数据，则需要安装一个body-parser的第三方插件。（后续会说原理）

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://localhost:8080/login" method="post">
        username：<input type="text" name='username'><br/>
        password：<input type="text" name='password'><br/>
        <input type="submit" value="login">
    </form>
</body>
</html>

node

const express = require('express');
const bodyParser = require('body-parser');

const server = express();
server.listen(8080);

// 插件配置
server.use(bodyParser.urlencoded({
    extended: true,
    limit: 2 * 1024 * 1024
}));
server.use(bodyParser.json());

server.post('/login', (req, res) => {
    console.log(req.body); // 直接调用req.body获取数据
    res.end();
});

console.log('server is runing...');

输出