js URLSearchParams 获取连接中的search

Love The Way You Lie 2021-11-09 01:56 245阅读 0赞

# [URLSearchParams][] #

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

var paramsString = "?q=URLUtils.searchParams&topic=api"
    var searchParams = new URLSearchParams(paramsString);
    
    for (let p of searchParams) { 
      console.log(p);
    }
    
    searchParams.has("topic") === true; // true
    searchParams.get("topic") === "api"; // true
    searchParams.getAll("topic"); // ["api"]
    searchParams.get("foo") === ""; // true
    searchParams.append("topic", "webdev");
    searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
    searchParams.set("topic", "More webdev");
    searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
    searchParams.delete("topic");
    searchParams.toString(); // "q=URLUtils.searchParams"
    
    // 当然，他也可以像下面这样
    var params1 = new URLSearchParams({ a:1,b:3,c:4})
    
    params1.toString() 
    params1.toString()     // "a=1&b=3&c=4"
    params1.append('m', 'qiphon') 
    params1.toString()      // "a=1&b=3&c=4&m=qiphon"
    params1.append('m', '{a:123,b:234}')
    params1.toString()     // "a=1&b=3&c=4&m=qiphon&m=%7Ba%3A123%2Cb%3A234%7D"
    params1.getAll('m')   // (2) ["qiphon", "{a:123,b:234}"]
    params1.append('d','test')
    params1.toString()    // "a=1&b=3&c=4&m=qiphon&m=%7Ba%3A123%2Cb%3A234%7D&d=test"
    params1.sort()
    params1.toString()   // "a=1&b=3&c=4&d=test&m=qiphon&m=%7Ba%3A123%2Cb%3A234%7D"

本篇参考

1.  [mdn][URLSearchParams]
2.  [whatwg][]

[URLSearchParams]: https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams
[whatwg]: https://url.spec.whatwg.org/#urlsearchparams

发表评论取消回复

表情：

评论列表（有 0 条评论，245人围观）

还没有评论，来说两句吧...

相关阅读

相关 URLSearchParams和url-search-params-polyfill

URLSearchParams对象 `URLSearchParams`接口定义了与URL的查询字符串一起使用的实用程序方法。处理url的查询字符串的。兼容性：Edg

墨蓝/ 2022年12月26日 11:23/ 0 赞/ 88 阅读

相关获取location对象中search属性中的参数

location对象中search属性返回的是问号之后的URL，这部分通常是某种类型的查询字符串，是用来参数化URL并在其中嵌入参数的，那么如何在页面中用js来获取到所有的参数

╰+哭是因爲堅強的太久メ/ 2022年06月15日 09:07/ 0 赞/ 119 阅读

相关 js获取url中的参数

//获取url携带参数 function getQueryString(name) { var reg = new RegExp('(^|&)

古城微笑少年丶/ 2022年06月10日 10:44/ 0 赞/ 279 阅读

相关 js获取URL中的参数

js获取URL中的一些参数的意思 location对象含有当前URL的信息. 属性 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http

╰+攻爆jí腚メ/ 2022年05月29日 07:55/ 0 赞/ 277 阅读

相关 JavaScript的URLSearchParams接口

URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。一个实现了 URLSearchParams 的对象可以直接用在 for…of 结构中，

清疚/ 2022年05月12日 06:44/ 0 赞/ 155 阅读

相关 js中的location的href和pathname,search

js中的location的href和pathname,search 在我们使用浏览器中访问一个url，HTTP GET获取到一个资源后。我们可以查看浏览器的location

浅浅的花香味﹌/ 2022年04月10日 13:54/ 0 赞/ 280 阅读

相关 js获取URL中的参数

在控制台console出location对象如下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

傷城~/ 2022年04月10日 06:36/ 0 赞/ 360 阅读

相关 JavaScript URLSearchParams

URLSearchParams API用于处理URL之中的查询字符串，即问号之后的部分。 ![URLSearchParams][] 也可以用如下方法打印出 URLSear

快来打我*/ 2022年04月08日 09:47/ 0 赞/ 150 阅读

相关 JS获取url中的参数

> //获取地址栏参数//可以是中文参数 > function getUrlParam(key) { > // 获取参数 > v

矫情吗；*/ 2022年03月01日 09:20/ 0 赞/ 354 阅读

相关 js URLSearchParams 获取连接中的search

[URLSearchParams][] URLSearchParams.append() 插入一个指定的键/值对作为新的搜索参数。 URLSear

Love The Way You Lie/ 2021年11月09日 01:56/ 0 赞/ 246 阅读