成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

URLSearchParams 接口

IamDLY / 1261人閱讀

摘要：接口定義了很多個(gè)用來(lái)處理參數(shù)串的方法。基本使用方法如下，注意返回空字符串還有三個(gè)方法返回迭代器對(duì)象遍歷所有參數(shù)名遍歷所有參數(shù)值遍歷所有參數(shù)的鍵值對(duì)實(shí)例可以當(dāng)作數(shù)據(jù)發(fā)送，所有數(shù)據(jù)都會(huì)編碼。的元素節(jié)點(diǎn)的屬性，就是一個(gè)實(shí)例。還可以與接口結(jié)合使用。

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") // 2

searchParams.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.;
a.searchParams.get("filter") // "api"

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86375.html

相關(guān)文章

  • URLSearchParams初體驗(yàn)

    摘要：是需要?jiǎng)h除的鍵值名稱。創(chuàng)建一個(gè)測(cè)試用對(duì)象顯示鍵值對(duì)獲取指定搜索參數(shù)的第一個(gè)值。為參數(shù)添加第二個(gè)值輸出返回判斷是否存在此搜索參數(shù)。返回此對(duì)象包含了鍵值對(duì)的所有鍵名。具體的使用方法大家可以參照庫(kù)的相關(guān)說(shuō)明。 在之前發(fā)的工具方法文章的留言中有人就關(guān)于驗(yàn)證網(wǎng)址的操作時(shí)可以使用URL對(duì)象，之后有人提到了URLSearchParams這個(gè)URL對(duì)象接口。由于之前沒(méi)有接觸過(guò)，所以搜索了一下具體的用處...

    Channe 評(píng)論0 收藏0

  • axios使用心得總結(jié)

    摘要：最近項(xiàng)目中使用也遇到了一些問(wèn)題，就借此機(jī)會(huì)總結(jié)一下，如有錯(cuò)誤，還請(qǐng)不吝指正。而在使用時(shí)對(duì)應(yīng)的傳參使用的是，是作為請(qǐng)求體發(fā)送的，同樣使用這種形式的還有等請(qǐng)求方式。層在環(huán)境中可以使用。 Axios是一個(gè)基于Promise的 HTTP 庫(kù)，可以用在瀏覽器和node.js 中，因?yàn)橛却蟠蟮耐扑]，axios也變得越來(lái)越流行。最近項(xiàng)目中使用axios也遇到了一些問(wèn)題，就借此機(jī)會(huì)總結(jié)一下，如有錯(cuò)誤，...

    Lowky 評(píng)論0 收藏0

  • fetch，終于認(rèn)識(shí)你

    摘要：說(shuō)明一點(diǎn)，下面演示的請(qǐng)求或請(qǐng)求，都是采用百度中查詢到的一些接口，可能傳遞的有些參數(shù)這個(gè)接口并不會(huì)解析，但不會(huì)影響這個(gè)接口的使用。 fetch和XMLHttpRequest 如果看網(wǎng)上的fetch教程，會(huì)首先對(duì)比XMLHttpRequest和fetch的優(yōu)劣，然后引出一堆看了很快會(huì)忘記的內(nèi)容(本人記性不好)。因此，我寫一篇關(guān)于fetch的文章，為了自己看著方便，畢竟工作中用到的也就是一些...

    wzyplus 評(píng)論0 收藏0

  • JavaScript fetch接口

    摘要：的案例下面我們來(lái)寫第一個(gè)獲取后端數(shù)據(jù)的例子通過(guò)獲取百度的錯(cuò)誤提示頁(yè)面返回一個(gè)對(duì)象是一個(gè)對(duì)象是最終的結(jié)果請(qǐng)求請(qǐng)求初步完成了，這個(gè)時(shí)候就要來(lái)認(rèn)識(shí)一下請(qǐng)求如何處理了。 JavaScript fetch接口 如果看網(wǎng)上的fetch教程，會(huì)首先對(duì)比XMLHttpRequest和fetch的優(yōu)劣，然后引出一堆看了很快會(huì)忘記的內(nèi)容(本人記性不好)。因此，我寫一篇關(guān)于fetch的文章，為了自己看著方便...

    Sanchi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<