jQuery添加参数到URL功能

此jQuery实用程序功能有效地检查当前URL中的参数。如果不存在，它将附加参数并返回完整的，更新的URL。这对于AJAX请求更新数据库并随后重定向到同一页面特别有用，但带有指示成功更新的标志（例如，显示确认消息）。

(function($,W,D){
    var JQUERY4U = {};

    JQUERY4U.UTIL = {
        /**
         * Appends a parameter to a URL if it doesn't already exist.
         * @param {string} param - The parameter name to add.
         * @param {string} value - The parameter value.
         * @returns {string} The URL with the appended parameter.
         */
        addParamToUrl: function(param, value){
            // Check if parameter exists
            var regex = new RegExp(param + "=([^&]*)", "i");
            var existingParam = regex.exec(W.location.search);
            var existingValue = existingParam && existingParam[1] || "";

            // Construct the URL
            var loc = W.location;
            var url = loc.protocol + '//' + loc.host + loc.pathname + loc.search;

            // Add parameter if it doesn't exist
            if (existingValue === ''){
                url += (loc.search === '' ? '?' : '&') + param + '=' + value;
            }

            return url;
        }
    };

    // Example usage:
    var newUrl = JQUERY4U.UTIL.addParamToUrl('updated', 'true');
    console.log(newUrl);
    // Input: http://jquery4u.com/index.php
    // Output: http://jquery4u.com/index.php?updated=true

})(jQuery, window, document);

>经常询问有关jQuery URL参数操纵的问题（常见问题解答） 使用jQuery

添加多个参数

添加多个参数，利用jQuery的

方法将数据对象序列化到URL编码的字符串：

$.param()

>从URL

var data = { param1: "value1", param2: "value2" };
var url = "http://example.com/page?" + $.param(data); 

中删除参数

> jQuery不直接支持URL参数删除。 使用JavaScript的

和

对象：> URL URLSearchParams>检查存在参数存在

let url = new URL("http://example.com/page?param1=value1&param2=value2");
url.searchParams.delete('param1');

使用

>有效检查参数是否存在：>

修改参数值URLSearchParams.has()

使用

let url = new URL("http://example.com/page?param1=value1&param2=value2");
let hasParam1 = url.searchParams.has('param1'); // true

更改参数值：

添加参数，没有页面重新加载URLSearchParams.set()

>使用

let url = new URL("http://example.com/page?param1=value1&param2=value2");
url.searchParams.set('param1', 'newValue1');

>在没有完整页面刷新的情况下更新URL：

>

以上是jQuery添加参数到URL功能的详细内容。更多信息请关注PHP中文网其他相关文章！