Typescript Express 02 参数获取

有勇气的牛排 300 TypeScript 2024-11-24 00:05:49

1 GET 参数

// GET 参数测试
// http://localhost:3000/api/v1/get_test?name=有勇气的牛排&id=1
router.get('/get_test', async (req: Request, res: Response) => {
  const {name, id} = req.query; // 从查询字符串中提取参数
  const data = {id, name}
  ResponseUtil.success(res, data, "查询成功", 20000);
});

2 POST 参数

http://127.0.0.1:3000/api/v1/post_json

json请求体

{ 
    "username": "cs", 
    "password": "123456" 
}

后端

// POST_JSON 参数测试
// http://127.0.0.1:3000/api/v1/post_json
router.post('/post_json', async (req: Request, res: Response) => {
  const { username, password } = req.body; // 从请求体中提取参数
  const data = { username, password }
  ResponseUtil.success(res, data, "查询成功", 20000);
});

3 动态路由参数

http://127.0.0.1:3000/api/v1/user/1

// 动态路由参数
// http://127.0.0.1:3000/api/v1/user/1
router.get('/user/:id', async (req: Request, res: Response) => {
  const { id } = req.params; // 从动态路由中提取参数
  const data = { id }
  ResponseUtil.success(res, data, "查询成功", 20000);
});

<h2><a id="1_GET__0"></a>1 GET 参数</h2> <pre><div class="hljs"><code class="lang-ts">// GET 参数测试 // http://localhost:3000/api/v1/get_test?name=有勇气的牛排&id=1 router.get('/get_test', async (req: Request, res: Response) => { const {name, id} = req.query; // 从查询字符串中提取参数 const data = {id, name} ResponseUtil.success(res, data, "查询成功", 20000); }); </code></div></pre> <img src="https://static.couragesteak.com/article/f325da3658db1c25e846fb376236f1fc.png" alt="image.png" /> <h2><a id="2_POST__14"></a>2 POST 参数</h2> http://127.0.0.1:3000/api/v1/post_json json请求体 <pre><div class="hljs"><code class="lang-json">{ "username": "cs", "password": "123456" } </code></div></pre> 后端 <pre><div class="hljs"><code class="lang-tsx">// POST_JSON 参数测试 // http://127.0.0.1:3000/api/v1/post_json router.post('/post_json', async (req: Request, res: Response) => { const { username, password } = req.body; // 从请求体中提取参数 const data = { username, password } ResponseUtil.success(res, data, "查询成功", 20000); }); </code></div></pre> <img src="https://static.couragesteak.com/article/0caedc281096010b979c79e108ee74ad.png" alt="image.png" /> <h2><a id="3__41"></a>3 动态路由参数</h2> http://127.0.0.1:3000/api/v1/user/1 <pre><div class="hljs"><code class="lang-tsx">// 动态路由参数 // http://127.0.0.1:3000/api/v1/user/1 router.get('/user/:id', async (req: Request, res: Response) => { const { id } = req.params; // 从动态路由中提取参数 const data = { id } ResponseUtil.success(res, data, "查询成功", 20000); }); </code></div></pre> <img src="https://static.couragesteak.com/article/cc6038f562b5c04cec7cc22961b1232f.png" alt="image.png" />

Typescript Express 02 参数获取

1 GET 参数

2 POST 参数

3 动态路由参数

留言