URLSearchParams 介面定義了一些實用的方法來處理 URL 的查詢字元串。 URLSearchParams()是個構造函數,將返回一個可以操作查詢字元串的對象。 常用方法: 1、構造查詢字元串 2、獲取查詢字元串參數 相容性: 相容性較差 建議使用polyfill:https://git ...
URLSearchParams
介面定義了一些實用的方法來處理 URL 的查詢字元串。
URLSearchParams()是個構造函數,將返回一個可以操作查詢字元串的對象。
常用方法:
1、構造查詢字元串
const query = new URLSearchParams(); query.append("a", 1); query.append("b", 2); const queryString = query.toString(); // "a=1&b=2" const url = `https://www.abc.com?${query}`; // 將自動調用query的toString()方法
2、獲取查詢字元串參數
// current url: https://www.abc.com?a=1&b=2 const query = new URLSearchParams(location.search); query.get("a"); // "1" query.get("b"); // "2" query.getAll("a"); // ["1"]
相容性:
相容性較差
建議使用polyfill:https://github.com/WebReflection/url-search-params
來源:https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams