欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

一种快速构造和获取URL查询参数的方法:URLSearchParams

程序员文章站 2022-05-18 18:18:14
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。 URLSearchParams()是个构造函数,将返回一个可以操作查询字符串的对象。 常用方法: 1、构造查询字符串 2、获取查询字符串参数 兼容性: 兼容性较差 建议使用polyfill:https://git ......

URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。

URLSearchParams()是个构造函数,将返回一个可以操作查询字符串的对象。

常用方法:

1、构造查询字符串

const query = new URLSearchParams();
query.append("a", 1);
query.append("b", 2);
const queryString = query.toString(); // "a=1&b=2"
const url = `https://www.abc.com?${query}`; // 将自动调用query的toString()方法

2、获取查询字符串参数

// current url: https://www.abc.com?a=1&b=2 
const query = new URLSearchParams(location.search);
query.get("a"); // "1"
query.get("b"); // "2" 
query.getAll("a"); // ["1"] 

兼容性:

兼容性较差

建议使用polyfill:

来源: