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

相关推荐
曦樂~4 分钟前
【Qt】信号与槽(Signal and Slot)- 简易计算器
开发语言·数据库·qt
歪歪10013 分钟前
React Native开发Android&IOS流程完整指南
android·开发语言·前端·react native·ios·前端框架
yaoxin52112322 分钟前
212. Java 函数式编程风格 - Java 编程风格转换:命令式 vs 函数式(以循环为例)
java·开发语言
wangqiaowq23 分钟前
ImmutableList.of() 是 Google Guava 库 提供的一个静态工厂方法,用于创建一个不可变的(immutable)列表。
开发语言·windows·python
十五年专注C++开发37 分钟前
QDarkStyleSheet: 一个Qt应用的暗色主题解决方案
开发语言·c++·qt·qss
麦麦鸡腿堡41 分钟前
Java的代码块介绍与快速入门
java·开发语言
小龙报42 分钟前
《算法每日一题(1)--- 连续因子》
c语言·开发语言·c++·windows·git·算法·visual studio
流浪大叔1 小时前
Python下载实战技巧的技术文章大纲
开发语言·python
祁同伟.1 小时前
【C++】异常
开发语言·c++
whm27771 小时前
Visual Basic 文件系统控件
开发语言·visual studio