jquery获取url参数及url加参数的方法

jQuery获取URL参数的方法

在jQuery中，可以使用以下代码来获取URL中的参数：

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0; i<vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    return null;
}

上面的代码将URL中的查询字符串（question mark后面的部分）切分为一个个的参数，并使用循环遍历参数，如果找到所指定的参数，则返回其对应的值。

下面是一个示例，说明如何使用这个函数获取URL中的参数：

// URL为: http://www.example.com/?name=John&age=25
var name = getQueryVariable("name"); // 返回"John"
var age = getQueryVariable("age"); // 返回"25"

jQuery往URL中添加参数的方法

如果需要在现有的URL中添加参数，可以使用以下代码：

function addParameterToURL(url, param, value) {
    var urlParts = url.split('?');
    if (urlParts.length >= 2) {
        var base = urlParts.shift();
        var queryString = urlParts.join('?');

        var paramRegex = new RegExp('([?&])' + param + '[^&]*');
        if (queryString.match(paramRegex)) {
            queryString = queryString.replace(paramRegex, '$1' + param + '=' + value);
        } else {
            queryString += '&' + param + '=' + value;
        }

        return base + '?' + queryString;
    } else {
        return url + '?' + param + '=' + value;
    }
}

上面的代码将URL分割为两部分：基本部分和查询字符串部分。然后使用正则表达式查找是否存在指定的参数，如果找到，则替换原来的值；如果没找到，则添加一个新的参数和其对应的值。最后，将基本部分和新的查询字符串合并，生成新的URL。

下面是一个示例，说明如何使用这个函数往URL中添加参数：

// 假设当前页面的URL为: http://www.example.com/
var url = addParameterToURL(window.location.href, 'name', 'John');
// 现在的URL为: http://www.example.com/?name=John

url = addParameterToURL(url, 'age', '25');
// 现在的URL为: http://www.example.com/?name=John&age=25