前几天帮小伙伴看程序的时候 无意间看到这个URLSearchParams ,于是就搜索了解,总结一哈~
URLSearchParams是一种Web API ,它是一种快速构造和获取URL查询参数的方法。
URLSearchParams接口定义了一些实用的方法来处理URL的查询字符串。URLSearchParams()是一个可以操作查询字符串的对象。常用方法:1、构造查询字符串2、获取查询字符串参数
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