摘要:接口定義了很多個用來處理參數(shù)串的方法?;臼褂梅椒ㄈ缦拢⒁夥祷乜兆址€有三個方法返回迭代器對象遍歷所有參數(shù)名遍歷所有參數(shù)值遍歷所有參數(shù)的鍵值對實例可以當(dāng)作數(shù)據(jù)發(fā)送,所有數(shù)據(jù)都會編碼。的元素節(jié)點的屬性,就是一個實例。還可以與接口結(jié)合使用。
URLSearchParams 接口定義了很多個用來處理 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 還有三個方法返回迭代器對象:
keys() 遍歷所有參數(shù)名
values() 遍歷所有參數(shù)值
entries() 遍歷所有參數(shù)的鍵值對
URLSearchParams實例可以當(dāng)作POST數(shù)據(jù)發(fā)送,所有數(shù)據(jù)都會URL編碼。
fetch("https://example.com/api", { method: "POST", body: params }).then(...)
DOM 的 a 元素節(jié)點的 searchParams 屬性,就是一個 URLSearchParams 實例。
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://m.specialneedsforspecialkids.com/yun/86375.html
摘要:是需要刪除的鍵值名稱。創(chuàng)建一個測試用對象顯示鍵值對獲取指定搜索參數(shù)的第一個值。為參數(shù)添加第二個值輸出返回判斷是否存在此搜索參數(shù)。返回此對象包含了鍵值對的所有鍵名。具體的使用方法大家可以參照庫的相關(guān)說明。 在之前發(fā)的工具方法文章的留言中有人就關(guān)于驗證網(wǎng)址的操作時可以使用URL對象,之后有人提到了URLSearchParams這個URL對象接口。由于之前沒有接觸過,所以搜索了一下具體的用處...
摘要:最近項目中使用也遇到了一些問題,就借此機會總結(jié)一下,如有錯誤,還請不吝指正。而在使用時對應(yīng)的傳參使用的是,是作為請求體發(fā)送的,同樣使用這種形式的還有等請求方式。層在環(huán)境中可以使用。 Axios是一個基于Promise的 HTTP 庫,可以用在瀏覽器和node.js 中,因為尤大大的推薦,axios也變得越來越流行。最近項目中使用axios也遇到了一些問題,就借此機會總結(jié)一下,如有錯誤,...
摘要:說明一點,下面演示的請求或請求,都是采用百度中查詢到的一些接口,可能傳遞的有些參數(shù)這個接口并不會解析,但不會影響這個接口的使用。 fetch和XMLHttpRequest 如果看網(wǎng)上的fetch教程,會首先對比XMLHttpRequest和fetch的優(yōu)劣,然后引出一堆看了很快會忘記的內(nèi)容(本人記性不好)。因此,我寫一篇關(guān)于fetch的文章,為了自己看著方便,畢竟工作中用到的也就是一些...
摘要:的案例下面我們來寫第一個獲取后端數(shù)據(jù)的例子通過獲取百度的錯誤提示頁面返回一個對象是一個對象是最終的結(jié)果請求請求初步完成了,這個時候就要來認識一下請求如何處理了。 JavaScript fetch接口 如果看網(wǎng)上的fetch教程,會首先對比XMLHttpRequest和fetch的優(yōu)劣,然后引出一堆看了很快會忘記的內(nèi)容(本人記性不好)。因此,我寫一篇關(guān)于fetch的文章,為了自己看著方便...
閱讀 1068·2023-04-26 02:02
閱讀 2410·2021-09-26 10:11
閱讀 3562·2019-08-30 13:10
閱讀 3751·2019-08-29 17:12
閱讀 727·2019-08-29 14:20
閱讀 2195·2019-08-28 18:19
閱讀 2241·2019-08-26 13:52
閱讀 964·2019-08-26 13:43