javascript - 如何将对象序列化为 URL 查询参数列表？

Question

在不知道 JavaScript Object 的键的情况下，我怎么能把像...这样的东西转过来

var obj = {
   param1: 'something',
   param2: 'somethingelse',
   param3: 'another'
}

obj[param4] = 'yetanother';

...进入...

var str = 'param1=something&param2=somethingelse&param3=another&param4=yetanother';

...?

Answer 1

没有依赖的一行:

new URLSearchParams(obj).toString();
// OUT: param1=something&param2=somethingelse&param3=another&param4=yetanother

像这样将它与内置 URL 一起使用:

let obj = { param1: 'something', param2: 'somethingelse', param3: 'another' }
obj['param4'] = 'yetanother';
const url = new URL(`your_url.com`);
url.search = new URLSearchParams(obj);
const response = await fetch(url);

[编辑 2020 年 4 月 4 日]:null 值将被解释为字符串 'null'。

[2022 年 3 月 9 日编辑]:browser compatibility