jquery获取url参数

获取URL参数的方法

使用jQuery获取URL参数可以通过解析window.location.search实现。以下是几种常见的方法：

方法一：使用正则表达式解析

function getUrlParameter(name) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(window.location.search);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

调用方式：

var paramValue = getUrlParameter('paramName');

方法二：拆分URL字符串

function getUrlParams() {
    var params = {};
    var search = window.location.search.substring(1);
    if (search) {
        $.each(search.split('&'), function() {
            var pair = this.split('=');
            params[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
        });
    }
    return params;
}

调用方式：

var params = getUrlParams();
var paramValue = params.paramName;

方法三：使用URLSearchParams API（现代浏览器）

现代浏览器支持URLSearchParamsAPI，无需jQuery：

var params = new URLSearchParams(window.location.search);
var paramValue = params.get('paramName');

如果需要在旧浏览器中使用，可以添加polyfill。

注意事项

• 参数值会被自动解码（处理%20等编码字符）
• 方法一和方法二兼容所有浏览器
• 方法三需要现代浏览器或polyfill支持
• 对于重复参数名，方法三会返回第一个匹配值

选择哪种方法取决于项目需求和浏览器兼容性要求。对于简单项目，方法二可能更直观；对于复杂参数处理，方法一的正则表达式更灵活。