亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

URLSearchParams 接口

IamDLY / 1298人閱讀

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

URLSearchParams 接口定義了很多個(gè)用來處理 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è)方法返回迭代器對象：
keys() 遍歷所有參數(shù)名
values() 遍歷所有參數(shù)值
entries() 遍歷所有參數(shù)的鍵值對

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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/86375.html

相關(guān)文章

  • URLSearchParams初體驗(yàn)

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

    Channe 評論0 收藏0

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

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

    Lowky 評論0 收藏0

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

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

    wzyplus 評論0 收藏0

  • JavaScript fetch接口

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

    Sanchi 評論0 收藏0

發(fā)表評論

0條評論

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