URLSearchParams_js中快速构造和获取URL查询参数的方法

时间: 2018-07-23阅读: 3774标签: 参数分享

复制链接

新浪微博

QQ 好友

扫一扫分享

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"]

3、其它方法

URLSearchParams.delete()从搜索参数列表里删除指定的搜索参数及其对应的值。
URLSearchParams.entries() 返回一个iterator可以遍历所有键/值对的对象。
URLSearchParams.getAll() 获取指定搜索参数的所有值，返回是一个数组。
URLSearchParams.has() 返回 Boolean 判断是否存在此搜索参数。
URLSearchParams.keys() 返回iterator 此对象包含了键/值对的所有键名。
URLSearchParams.set() 设置一个搜索参数的新值，假如原来有多个值将删除其他所有的值。
URLSearchParams.sort() 按键名排序。
URLSearchParams.toString() 返回搜索参数组成的字符串，可直接使用在URL上。
URLSearchParams.values() 返回iterator 此对象包含了键/值对的所有值。

兼容性：

兼容性较差

建议使用polyfill:https://github.com/WebReflection/url-search-params
来源：https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

站长推荐

1.云服务推荐: 国内主流云服务商，各类云产品的最新活动，优惠券领取。地址：阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/947

URLSearchParams_js中快速构造和获取URL查询参数的方法

常用方法：

1、构造查询字符串

2、获取查询字符串参数

3、其它方法

兼容性：

JavaScript参数传递中值和引用的一种理解

jquery ajax error函数和及其参数详细说明

你需要了解的前后端传参

小程序获取当前路径和参数

用js获取url地址协议，参数，端口号，锚点等方法总汇

目前为止全网最全的 SpringBoot 参数传递方案

调用函数时到底可以传多少个参数

Vue页面传参方式Query和Params

js通过arguments来获取指定参数

Less参数混合