jquery获取url参数

获取URL参数的方法

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

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

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;
}

方法二：拆分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;
}

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

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

使用示例

假设当前URL为http://example.com/?id=123&name=test：

// 获取单个参数
var id = getUrlParam('id'); // 返回 "123"

// 获取所有参数
var allParams = getUrlParams(); // 返回 {id: "123", name: "test"}

注意事项

• URL参数需要经过decodeURIComponent解码处理
• 方法二会返回包含所有参数的对象
• 方法三需要现代浏览器支持，如需兼容旧浏览器需添加polyfill

以上方法均可实现URL参数的获取，可根据实际需求选择合适的方式。