封装一个强大的追加或更新多个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'));
posted @ 2024-06-08 00:31  小松聊PHP进阶  阅读(19)  评论(0编辑  收藏  举报