TingYu Tools

查询字符串构造/解析

URLSearchParams 增删改

输入 URL

添加参数

批量操作

💡 使用说明

什么是查询字符串?

查询字符串(Query String)是 URL 中 "?" 后面的部分,用于向服务器传递参数。格式为 key=value,多个参数用 & 连接。

功能特性

  • 解析: 从 URL 中提取所有查询参数
  • 构造: 添加、编辑、删除参数后重新构造 URL
  • 编码: 自动识别和处理 URL 编码
  • 批量操作: 排序、去重等批量处理

URL 编码

URL 中的特殊字符(如空格、中文、符号)需要进行编码。例如:空格编码为 %20,中文需要 UTF-8 编码。

  • 空格: 编码为 %20 或 +
  • 中文: 需要 UTF-8 编码
  • 特殊字符: & = ? # / 等需要编码

queryString.useCases

  • API 请求参数构造
  • 搜索引擎查询字符串分析
  • 页面链接参数调试
  • URL 参数快速编辑

注意事项

  • 参数名和值区分大小写
  • 同名参数会保留所有值
  • 参数顺序可能影响某些 API
  • 编码后的 URL 更安全可靠

基础 URL

https://example.com/path

完整 URL

https://example.com/path?foo=bar&name=John+Doe&tags=vue&tags=javascript
不同参数:3
总参数数:4
已编码:0

参数列表 (4)

foo
=
bar
name
=
John Doe
tags
=
vue
tags
=
javascript

JSON 格式

{
  "foo": "bar",
  "name": "John Doe",
  "tags": "javascript"
}