JavaScript使用URLSearchParams获取查询字符串的值(query string)

时间:2022-02-16 16:33:57

Firefox 44+, Opera 36+ and Chrome 49+ 已经支持 URLSearchParams API。

基本用法

let params = new URLSearchParams(location.search.slice(1));

直接使用location.search需要把开始的问号"?"去掉。例子里使用slice(1)来去掉“?”。

使用URL构造

除了直接使用URLSearchParams构造查询参数外,也可以使用URL来构造

let params = (new URL(location)).searchParams;

获取/添加参数

构造出URLSearchParams后,可以使用

  • get(key):获取参数值
  • set(key,value):设置参数值
  • append(key,value):添加参数值

polyfill

并不是所有的浏览器都支持URLSearchParams API,为了在多个浏览器支持,可以添加URLSearchParams polyfill 。