/**
* @function 重新設定url query引數,如果鍵名存在則更新,如果不存在則新增
* @param object 鍵值對
* @returns string
*/
function updateUrlQueryData(data) {
var url = new URL(window.location.href);
for (let k in data) {
var val = url.searchParams.get(k);
if (val != data[k]) {
url.searchParams.set(k, data[k]);
location.href = url.toString();
}
}
}
/**
* @function 獲取url引數,若獲取不到,返回引數2
* @param key string 鍵名
* @param default_value * 預設值
* @returns {*|string}
*/
function getQueryData(key, default_value = null) {
var val = new URL(window.location.href).searchParams.get(key);
if(val === null) {
return default_value === null ? val : default_value;
}
return val;
}
updateUrlQueryData({k: 'v', key: 'val'});
alert(getQueryData('k', 'vvv'));
封裝一個強大的追加或更新多個Query引數並自動重新整理的JS方法,附加Query引數獲取
相關文章
- js 原生獲取 url地址引數 const query = new URLSearchParams(window.location.search); const added = query.get("added")JS
- vue3 setup裡獲取query params路由攜帶的引數Vue路由
- nuxt 過濾 query 引數UX
- JS獲取瀏覽器位址列的多個引數值的任意值JS瀏覽器
- js獲取頁面地址引數並將其轉化為一個物件JS物件
- C#通過反射獲取類中的方法和引數個數,反射呼叫方法帶引數C#反射
- http_build_query引數拼接urlHTTPUI
- js獲取url傳遞引數,js獲取url?號後面的引數JS
- Spring LocalVariableTableParameterNameDiscoverer獲取方法的引數名Spring
- js實現獲取URL引數JS
- 如何一條Mediainfo --Inform語句同時獲取視訊引數和音訊引數多個ParametersAIORM音訊
- Spring AOP獲取攔截方法的引數名稱跟引數值Spring
- js獲取帶#號連結後的引數JS
- 超簡潔的js獲取位址列引數JS
- 獲取連結上的引數,返回一個Object物件 - 戴向天Object物件
- WebGeeker-Validation: 一個強大的 PHP 引數驗證器WebPHP
- 獲取url上的引數
- vue獲取位址列引數方法Vue
- 12.MyBatis學習--對映檔案_引數處理_單個引數&多個引數&命名引數MyBatis
- gofiber: 獲取引數Go
- VNPY引數優化功能v1版本中的一個更新引數批量生成方法優化
- 封裝帶引數的函式封裝函式
- 一個Java方法能使用多少個引數?Java
- 小程式 獲取帶引數太陽碼的引數,並解析出來(wxacode.getUnlimited)MIT
- SpringJpa @query 中根據傳入引數(欄位)排序Spring排序
- JS forEach()第二個引數JS
- MySQL query_cache_type的DEMAND引數介紹和使用舉例MySql
- GridView傳遞兩個引數的方法View
- 三種方法實現:獲取 url 中的引數
- mybatis 傳入多個引數MyBatis
- 輸入多個編碼並支援模糊搜尋,引數是一個list
- Qt中多個原始檔中呼叫同一引數或物件等QT物件
- Vue獲取位址列引數並做改變Vue
- JavaScript—獲取引數(23)JavaScript
- Mybatis parameterType 傳入多個引數的使用MyBatis
- 獲取 url 並解析生成包含查詢串引數的物件物件
- 如何通過WinDbg獲取方法引數值
- SOLIDWORKS如何獲取模型中的引數Solid模型