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

文章目录

  • 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

相关推荐
独自归家的兔6 分钟前
Java Robot 详解:系统级鼠标 / 键盘模拟的核心原理与实战
java·开发语言
小灰灰搞电子12 分钟前
Qt 开发环境选择Qt Creator、Visual Studio还是 VS Code?
开发语言·qt·visual studio
何中应13 分钟前
Bean的三种注入方式
开发语言·spring boot·后端·spring
wanghowie33 分钟前
01.03 Java基础篇|面向对象核心与设计实践
java·开发语言
巴拉巴拉~~41 分钟前
Flutter 通用滑块组件 CommonSliderWidget:单值 / 范围 + 刻度 + 标签 + 样式自定义
开发语言·前端·javascript
是苏浙43 分钟前
零基础入门Java之设计图书管理系统
java·开发语言
墨雪不会编程1 小时前
C++内存管理深度剖析
java·开发语言·c++
鹿角片ljp2 小时前
智能家居控制系统Java实现
java·开发语言·智能家居
xiaolang_8616_wjl2 小时前
c++超级细致的基本框架
开发语言·数据结构·c++·算法
星辰落满衣2 小时前
股票实时交易数据之Python、Java等多种主流语言实例代码演示通过股票数据接口
java·开发语言·python