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[pair[0]] = decodeURIComponent(pair[1] || '');
        });
    }
    return params;
}

// 使用示例
var params = getUrlParams();
var paramValue = params['paramName'];

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

function getUrlParameter(name) {
    var params = new URLSearchParams(window.location.search);
    return params.get(name);
}

// 使用示例
var paramValue = getUrlParameter('paramName');

注意事项

• 方法一和方法二兼容性较好，适用于所有浏览器。
• 方法三需要现代浏览器支持（IE不兼容），但语法更简洁。
• 参数值会自动进行URI解码，避免出现%20等编码字符。

以上方法均可根据实际需求选择使用，推荐在兼容性要求高的场景下使用方法一或方法二。