/**
* @function 重新設置url query參數(shù)钝尸，如果鍵名存在則更新，如果不存在則添加
* @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參數(shù)搂根，若獲取不到珍促，返回參數(shù)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參數(shù)并自動刷新的JS方法，附加Query參數(shù)獲取
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來丰介，“玉大人背蟆，你說我怎么就攤上這事鉴分。” “怎么了带膀？”我有些...
- 文/不壞的土叔 我叫張陵志珍，是天一觀的道長。 經(jīng)常有香客問我垛叨，道長伦糯，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任嗽元，我火速辦了婚禮敛纲，結果婚禮上，老公的妹妹穿的比我還像新娘还棱。我一直安慰自己载慈，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布珍手。 她就那樣靜靜地躺著，像睡著了一般辞做。 火紅的嫁衣襯著肌膚如雪琳要。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼乍惊，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了放仗？” 一聲冷哼從身側響起润绎，我...
- 正文 年R本政府宣布，位于F島的核電站侨拦，受9級特大地震影響殊橙，放射性物質發(fā)生泄漏。R本人自食惡果不足惜狱从，卻給世界環(huán)境...
- 文/蒙蒙 一膨蛮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧季研，春花似錦敞葛、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至驼卖，卻和暖如春氨肌，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背酌畜。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 遇到問題是query傳對象參數(shù)后搁进，刷新新頁面，數(shù)據(jù)變化為"[object Object]" 先來回顧一下vue路由...
- 跳轉路由的時候 如果url地址相同 但是參數(shù)不一樣 跳轉的時候不會刷新頁面數(shù)據(jù) 因為當前頁面的mounted已經(jīng)執(zhí)...
- 從其他頁面?zhèn)鬟^來的參數(shù)刷新頁面的時候參數(shù)會丟失解決辦法，只有常用的兩種方法 通過 params 傳參 注意點1屁使、路...
- 原始代碼： 解決方法：使用JSON.stringify()將要傳的對象轉為字符串蛮寂，接收時使用JSON.parse(...
