封装一个强大的追加或更新多个Query参数并自动刷新的JS方法，附加Query参数获取

    /**
     * @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'));
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容