JSON 转 GET 参数

本地处理
app.querystring.view

也可通过 #data={"name":"Ada"}#url=... 灌入数据,读完即从地址栏清除。

使用说明

对象与 URL 查询串互转。拼 GET 请求、或把地址栏参数还原成 JSON 时用,不必手工数 & 和编码。嵌套对象会尽量摊成带括号的键名。

JSON → query

嵌套结构会尽量摊成 a[b]=c 或类似键名。数组也会带上下标,方便对照后端绑定方式。

中文和空格会按 URL 编码处理。

query → JSON

page=1&q=json 还原成对象。从浏览器地址栏或抓包里复制 query 即可。

重复键的处理以本页解析为准,复杂重复参数请抽查。

本地完成

不会把完整 URL 发到我们这边。调试内网接口参数也可以用。

请求体是 JSON 的 POST 不必走本页,直接格式化即可。

示例

JSON
{"page":1,"q":"json","tags":["a","b"]}
查询串(示意)
page=1&q=json&tags=a&tags=b
空格和中文呢?

会按 URL 编码规则处理。贴回浏览器地址栏前请确认服务端解码方式一致。

POST JSON 还要用这个吗?

请求体是 JSON 时用格式化即可;本页针对 query string。

PHP / Rails 风格的括号键?

会尽量按嵌套对象展开。若后端框架约定不同,请对照框架文档微调。

哈希(#)后面的参数呢?

本页处理 ? 后的 query。单页应用若把状态放在 hash,请只复制 query 部分。

推荐工作流

  1. 选择 JSON → GET 或 GET → JSON。
  2. 粘贴对象或查询串,查看转换结果。
  3. 把 query 接到接口 URL 上试请求,或把 JSON 贴回测试用例。
  4. 编码不一致导致的乱码,对照服务端 decodeURIComponent / 框架绑定。

GET 有长度限制。参数很多或含大段 JSON 时,应改 POST Body,而不是全部塞进 query。