/**
* @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引數獲取
相關文章
- Silverlight之Frame傳遞多個引數並獲取完整引數
- vue3 setup裡獲取query params路由攜帶的引數Vue路由
- nuxt 過濾 query 引數UX
- 解決多個路由繫結同一個元件 獲取引數只獲取一次的方法路由元件
- JS獲取瀏覽器位址列的多個引數值的任意值JS瀏覽器
- C#通過反射獲取類中的方法和引數個數,反射呼叫方法帶引數C#反射
- js獲取頁面地址引數並將其轉化為一個物件JS物件
- Nodejs獲取url路徑中的各個引數NodeJS
- 給一個介面傳遞引數,並接收返回的引數
- javascript獲取函式定義的引數個數JavaScript函式
- js獲取位址列的引數JS
- js獲取url引數JS
- http_build_query引數拼接urlHTTPUI
- 淺析query_rewrite_integrity引數
- js獲取url傳遞引數,js獲取url?號後面的引數JS
- js 原生獲取 url地址引數 const query = new URLSearchParams(window.location.search); const added = query.get("added")JS
- js根據引數名獲取url上的引數值JS
- Oracle exp query引數 轉義符的各個作業系統通用解決方法Oracle作業系統
- js獲取url地址中的引數JS
- js如何獲取url所傳遞的引數和引數值JS
- Js獲取URL地址引數JS
- 並行相關的幾個引數並行
- 如何一條Mediainfo --Inform語句同時獲取視訊引數和音訊引數多個ParametersAIORM音訊
- Exp和資料泵(Data Pump)的query引數使用
- js獲取url連結中的引數JS
- Oracle物化檢視2 -- Query Rewrite及引數Oracle
- js實現獲取URL引數JS
- 獲取連結上的引數,返回一個Object物件 - 戴向天Object物件
- 一個使用getopt()函式獲取命令列引數的例子(轉)函式命令列
- vue獲取位址列引數方法Vue
- PHP全面獲取url位址列引數多種方法PHP
- 12.MyBatis學習--對映檔案_引數處理_單個引數&多個引數&命名引數MyBatis
- 介面自動化測試:引數化封裝(excel檔案讀取)封裝Excel
- Spring AOP獲取攔截方法的引數名稱跟引數值Spring
- WebGeeker-Validation: 一個強大的 PHP 引數驗證器WebPHP
- 超簡潔的js獲取位址列引數JS
- js獲取帶#號連結後的引數JS
- 獲取url傳遞傳遞的某個引數的值