jquery获取地址栏参数

获取地址栏参数的方法

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

使用正则表达式解析

通过正则表达式匹配URL中的参数部分，提取键值对：

function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]);
    return null;
}

使用URLSearchParams API

现代浏览器支持URLSearchParams API，可以更方便地处理查询参数：

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

转换为对象形式

将地址栏所有参数转换为对象形式，方便后续使用：

function getUrlParams() {
    var params = {};
    var search = window.location.search.substr(1);
    if (search) {
        search.split('&').forEach(function(item) {
            var pair = item.split('=');
            params[pair[0]] = decodeURIComponent(pair[1]);
        });
    }
    return params;
}

使用jQuery扩展方法

为jQuery添加自定义方法，便于全局调用：

$.extend({
    getUrlParam: function(name) {
        return getUrlParam(name);
    },
    getUrlParams: function() {
        return getUrlParams();
    }
});

示例用法

获取单个参数值：

var id = $.getUrlParam('id');

获取所有参数对象：

var params = $.getUrlParams();
console.log(params.id);

注意事项：

• 参数值需要进行decodeURIComponent解码
• 处理中文参数时需要确保编码一致
• 某些特殊字符可能需要额外处理