一种快速构造和获取URL查询参数的方法:URLSearchParams
2018-07-21 17:45
776 查看
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:https://github.com/WebReflection/url-search-params
来源:https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams
相关文章推荐
- location.search在客户端获取Url参数的方法
- location.search在客户端获取Url参数的方法
- location.search在客户端获取Url参数的方法
- location.search在客户端获取Url参数的方法
- location.search在客户端获取Url参数的方法
- location.search在客户端获取Url参数的方法
- 使用jquery获取url以及jquery获取url参数的实现方法
- JavaScript获取URL参数的方法之一
- js获取URL的参数的方法(getQueryString)示例
- HTML中使用JS代码获取浏览器URL中的参数的方法
- 使用jQuery获取URL以及jQuery获取URL参数的方法
- 使用jquery获取url以及jquery获取url参数的方法
- JavaScript/JQuery获取地址栏url参数的方法
- 获取url参数方法分享
- js 获取Get方法URL传来的参数值 及设置url参数
- JS中利用location.search在客户端获取URL参数
- Angularjs利用$location.search()获取url参数问题
- js获取url参数的方法
- Js获取Url里参数的方法
- Javascript 获取链接(url)参数的方法