關於 FormData 和 URLSearchParams


一、FormData

  FormData 接口提供了一種表示表單數據的鍵值對的構造方式,經過它的數據可以使用 XMLHttpRequest.send() 方法送出,本接口和此方法都相當簡單直接。如果送出時的編碼類型被設為 "multipart/form-data",它會使用和表單一樣的格式。

如果你想構建一個簡單的GET請求,並且通過<form>的形式帶有查詢參數,可以將它直接傳遞給URLSearchParams

實現了 FormData 接口的對象可以直接在for...of結構中使用

二,URLSearchParams 

  URLSearchParams 接口定義了一些實用的方法來處理 URL 的查詢字符串。一個實現了 URLSearchParams 的對象可以直接用在 for...of 結構中

  

 1 var url = '?q=URLUtils.searchParams&topic=api';
 2 var searchParams = new URLSearchParams(paramsString);
 3 for (let p of searchParams) {
 4   console.log(p);
 5 }
 6 
 7 searchParams.has("topic") === true; // true
 8 searchParams.get("topic") === "api"; // true
 9 searchParams.getAll("topic"); // ["api"]
10 searchParams.get("foo") === ""; // true
11 searchParams.append("topic", "webdev");
12 searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
13 searchParams.set("topic", "More webdev");
14 searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
15 searchParams.delete("topic");
16 searchParams.toString(); // "q=URLUtils.searchParams"

 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM