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

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

转载于:https://www.cnblogs.com/zczhangcui/p/9347401.html

一种快速构造和获取URL查询参数的方法：URLSearchParams相关推荐

js获取url地址栏参数的方法，解决中文乱码问题，能支持中文参数
js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数参考文章: (1)js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数 (2)https://www.cnblogs.co ...
php动态添加查询,php动态添加url查询参数的方法，php动态url参数_PHP教程
php动态添加url查询参数的方法,php动态url参数本文实例讲述了php动态添加url查询参数的方法.分享给大家供大家参考.具体分析如下: 这段代码可以动态为url添加key-value查询参数 ...
vue取url路径传参_vue不通过路由直接获取url中参数的方法示例
前言众所周知vue中使用路由的方式设置url参数,但是这种方式必须要在路径中附带参数,而且这个参数是需要在vue的路由中提前设置好的. 相对来说,在某些情况下直接在url后面拼接?mid=100的方 ...
获取url地址参数的方法
获取url地址参数的方法 // key :参数名 function getUrlParams(key){var reg = new RegExp(key + '=([^&]*))');var ...
【AngularJs】获取URL查询参数
<script>var app = angular.module('myApp', []);app.config(['$locationProvider', function ($loca ...
html获取url后面的参数_Golang Gin 实战（四）| URL查询参数的获取和原理分析
在上一篇 Golang Gin 实战(三)| 路由参数文章中,主要介绍了路由通配符.路由参数,让我们有了一种可以从URL路径中获取参数的方式,同时又不是重复的注册相似的路由. 这一篇,主要介绍查询 ...
vue 获取请求url_vue 获取url里参数的两种方法小结
我就废话不多说了,大家还是直接看代码吧~ 第一种: const query = Qs.parse(location.search.substring(1)) let passport = query. ...
window.location获取url各项参数详解
window.location方法后还还可以带href,search等参数,下面我们来看看获取url各项参数的办法. URL即:统一资源定位符 (Uniform Resource Locator, U ...
获取地址栏URL中参数, getQuerySting()方法
今天同事用的以前的获取url地址参数获取不到.以前的方法失效了.后面发现是正则表达式bug: 第一种获取方法(针对普通情况的一般够用): function getQueryString(name) { ...