URLSearchParams 接口

IamDLY 發布于2019-08-21 10:54 / 1252人閱讀

摘要：接口定義了很多個用來處理參數串的方法。基本使用方法如下，注意返回空字符串還有三個方法返回迭代器對象遍歷所有參數名遍歷所有參數值遍歷所有參數的鍵值對實例可以當作數據發送，所有數據都會編碼。的元素節點的屬性，就是一個實例。還可以與接口結合使用。

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") // 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() 遍歷所有參數名
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.;
a.searchParams.get("filter") // "api"

URLSearchParams 還可以與 URL 接口結合使用。

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

GPU云服務器云服務器 URLSearchParams 短信接口接口接口短信接口接口繼承接口

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86375.html

URLSearchParams初體驗

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

Channe 2019-08-23 17:20 評論0 收藏0
axios使用心得總結

摘要：最近項目中使用也遇到了一些問題，就借此機會總結一下，如有錯誤，還請不吝指正。而在使用時對應的傳參使用的是，是作為請求體發送的，同樣使用這種形式的還有等請求方式。層在環境中可以使用。 Axios是一個基于Promise的 HTTP 庫，可以用在瀏覽器和node.js 中，因為尤大大的推薦，axios也變得越來越流行。最近項目中使用axios也遇到了一些問題，就借此機會總結一下，如有錯誤，...

Lowky 2019-08-21 17:50 評論0 收藏0
fetch，終于認識你

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

wzyplus 2019-08-21 16:51 評論0 收藏0
JavaScript fetch接口

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

Sanchi 2019-08-29 16:33 評論0 收藏0