Express教程【003】：Express获取查询参数

不写八个2025-06-01 6:02

文章目录

3、获取URL中携带的查询参数
- [3.1 参数形式：查询字符串](#3.1 参数形式：查询字符串)
- [3.2 参数形式：动态参数](#3.2 参数形式：动态参数)
- [3.3 参数形式：Json数据](#3.3 参数形式：Json数据)

3、获取URL中携带的查询参数

3.1 参数形式：查询字符串

1️⃣通过req.query对象，可以访问到客户端通过查询字符串的形式，发送到服务器的参数：

js 复制代码

// 1、导入express
const express = require('express');
// 2、创建web服务器
const app = express();
// 监听post请求
app.post('/add/user', (req, res) => {
    console.log(req.query);
    // 通过req.query可以获取到客户端发送过来的查询参数
    res.send(req.query);
})

2️⃣使用postman进行测试：

http://127.0.0.1:80/add/user?name=Kevin&num=35

3.2 参数形式：动态参数

1️⃣通过req.params对象，可以访问到URL中通过:匹配到动态参数：

js 复制代码

// 获取动态参数
app.get('/user/:id', (req, res) => {
    console.log(req.params);
    // 通过req.params可以获取到客户端发送过来的查询参数
    res.send(req.params);
})

2️⃣使用postman调用接口' http://127.0.0.1:80/user/1'：

也可以传递多个动态参数：

app.get('/user/:id/:name', (req, res))

3.3 参数形式：Json数据

1️⃣定义接收json数据的接口，使用req.body接收数据：

js 复制代码

// 获取json数据
app.put('/user', (req, res) => {
    console.log(req.body);
    // 通过req.query可以获取到客户端发送过来的查询参数
    res.send(req.body);
})

2️⃣Express 服务器端使用 express.json() 中间件来解析 JSON 数据：

js 复制代码

app.use(express.json());

3️⃣postman测试接口 http://127.0.0.1:80/user：