轉(zhuǎn)載自??URLSearchParams 接口

URLSearchParams?接口定義了很多個(gè)用來(lái)處理 URL 參數(shù)串的方法。

---

基本使用方法如下

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?還有三個(gè)方法返回迭代器對(duì)象：
keys()?遍歷所有參數(shù)名
values()?遍歷所有參數(shù)值
entries()?遍歷所有參數(shù)的鍵值對(duì)

---

URLSearchParams實(shí)例可以當(dāng)作POST數(shù)據(jù)發(fā)送，所有數(shù)據(jù)都會(huì)URL編碼。

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

---

DOM 的 a 元素節(jié)點(diǎn)的?searchParams?屬性，就是一個(gè)?URLSearchParams?實(shí)例。

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

URLSearchParams?還可以與?URL?接口結(jié)合使用。

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

?

總結(jié)

以上是生活随笔為你收集整理的URLSearchParams 接口的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。