封裝一個強(qiáng)大的追加或更新多個Query參數(shù)并自動刷新的JS方法，附加Query參數(shù)獲取

    /**
     * @function 重新設(shè)置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 *      默認(rèn)值
     * @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'));
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容