Koa 中如何使用查询参数？

推荐答案

在 Koa 中，可以通过 ctx.query 或 ctx.request.query 来获取查询参数。查询参数是 URL 中 ? 后面的部分，通常以键值对的形式出现。

// www.javascriptcn.com code example
const Koa = require('koa');
const app = new Koa();

app.use(async (ctx) => {
  const queryParams = ctx.query; // 或者使用 ctx.request.query
  ctx.body = `查询参数为: ${JSON.stringify(queryParams)}`;
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

例如，访问 http://localhost:3000/?name=John&age=30，页面将显示：

查询参数为: {"name":"John","age":"30"}

本题详细解读

1. 查询参数的定义

查询参数是 URL 中 ? 后面的部分，通常用于向服务器传递额外的信息。例如，在 http://example.com/?name=John&age=30 中，name=John 和 age=30 就是查询参数。

2. Koa 中获取查询参数的方式

在 Koa 中，查询参数可以通过 ctx.query 或 ctx.request.query 来获取。这两个属性实际上是等价的，返回的都是一个对象，包含了所有的查询参数。

3. 示例代码解析

• const queryParams = ctx.query;：通过 ctx.query 获取查询参数，并将其存储在 queryParams 变量中。
• ctx.body = 查询参数为: ${JSON.stringify(queryParams)};：将查询参数以 JSON 格式返回给客户端。

4. 注意事项

• 查询参数的值始终是字符串类型。如果需要其他类型（如数字），需要手动转换。
• 如果 URL 中没有查询参数，ctx.query 将返回一个空对象 {}。

5. 其他相关方法

• ctx.querystring：获取原始的查询字符串（即 ? 后面的部分，不包括 ?）。
• ctx.request.querystring：与 ctx.querystring 相同，获取原始的查询字符串。

通过这些方法，可以灵活地处理 URL 中的查询参数，并根据需要进行相应的操作。