URLSearchParams 接口

URLSearchParams 接口定义了很多个用来处理 URL 参数串的方法。

基本使用方法如下

var paramsString = "q=URLUtils.searchParams&topic=api"  // location.search.slice(1)var searchParams = new URLSearchParams(paramsString);searchParams.has('topic') // truesearchParams.get('topic') // "api"searchParams.getAll('topic') // ["api"]searchParams.get('foo') // null,注意Firefox返回空字符串searchParams.set('foo', 2);searchParams.get('foo') // 2searchParams.append('topic', 'webdev');searchParams.toString() // "q=URLUtils.searchParams&topic=api&foo=2&topic=webdev"searchParams.append('foo', 3);searchParams.getAll('foo') // [2, 3]searchParams.delete('topic');searchParams.toString() // "q=URLUtils.searchParams&foo=2&foo=3"

URLSearchParams 还有三个方法返回迭代器对象:
keys() 遍历所有参数名
values() 遍历所有参数值
entries() 遍历所有参数的键值对

URLSearchParams实例可以当作POST数据发送,所有数据都会URL编码。

fetch('https://example.com/api', {  method: 'POST',  body: params}).then(...)

DOM 的 a 元素节点的 searchParams 属性,就是一个 URLSearchParams 实例。

var a = document.createElement('a');a.href = 'https://example.com?filter=api';a.searchParams.get('filter') // "api"

URLSearchParams 还可以与 URL 接口结合使用。

var url = new URL(location);var foo = url.searchParams.get('foo') || 'somedefault';

关键字:JavaScript

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部