URLSearchParams 接口

转载自 URLSearchParams 接口

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

基本使用方法如下

var paramsString = "q=URLUtils.searchParams&topic=api"  // location.search.slice(1)
var searchParams = new URLSearchParams(paramsString);searchParams.has('topic') // true
searchParams.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';

URLSearchParams 接口相关推荐

一种快速构造和获取URL查询参数的方法：URLSearchParams
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串. URLSearchParams()是个构造函数,将返回一个可以操作查询字符串的对象. 常用方法: 1.构造查询字 ...
js快捷获取超链接参数和修改超链接（新增URLSearchParams方法获取参数）
//https://www.baidu.com?sjry=111function GetRequest() {var url = location.search;var theRequest = ne ...
vue学习之URLSearchParams
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串. 一个实现了 URLSearchParams 的对象可以直接用在 for-of 结构中,例如下面两行是相等的: f ...
axios.post发送请求，axios发送post请求，携带参数传递给接口
vue 中使用axios 发送post 请求需要使用 qs 模块将参数转序列化发送给后端否则接口会出现收不到参数的情况 import qs from "qs" ...
Javascript对象的查询字符串编码
您是否知道将Javascript对象编码为可通过GET请求传递的string的快速简便的方法? 没有jQuery ,没有其他框架-仅是纯Javascript :) #1楼如果要递归转换嵌套对象,并且 ...
axios，vue-axios在项目中的应用
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中关于axios的功能: 1,从浏览器中创建XMLHttpRequests 2,从node.js常见Htt ...
axios源码中的10多个工具函数，值得一学~
大家好,我是若川.最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整体架构系列> ...
计算机毕设项目：毕业论文管理系统（二）
上一篇文章,介绍了这个毕设的功能.这篇文章就简单的说一下,前后端分离的做法. 首先,链接在此:参考别的博主做的如何开发一个前后端分离的项目. SpringBoot项目搭建后端项目 Vue脚手架搭建前端 ...
四种请求方式 get、post、put、delete 的用法及区别（全）
get请求方式 GET请求会向数据库发索取数据的请求,从而来获取信息,该请求就像数据库的select操作一样,只是用来查询一下数据,不会修改.增加数据,不会影响资源的内容,即该请求不会产生副作用.无论 ...

URLSearchParams 接口

URLSearchParams 接口相关推荐

最新文章

热门文章