当前位置:首页 > jquery

jquery获取参数

2026-02-03 10:10:19jquery

jQuery获取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;
}

方法二:使用URLSearchParams API(现代浏览器支持)

jquery获取参数

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

方法三:拆分查询字符串

function getUrlParams() {
    var params = {};
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        params[pair[0]] = decodeURIComponent(pair[1]);
    }
    return params;
}

使用示例

获取单个参数值:

jquery获取参数

var userId = getUrlParam('userid');

获取所有参数对象:

var allParams = getUrlParams();
console.log(allParams.page); // 输出page参数值

注意事项

URL参数值需要经过decodeURIComponent解码处理,避免特殊字符出现问题。

参数不存在时返回null,调用时需要做好判空处理。

现代项目推荐使用URLSearchParams API,代码更简洁且性能更好。

标签: 参数jquery
分享给朋友:

相关文章

jquery下载

jquery下载

jQuery下载方法 官方渠道下载 访问jQuery官网(https://jquery.com/),点击首页的“Download”按钮。页面提供两个版本: Production:压缩版(mini…

jquery 面试题

jquery 面试题

jQuery 面试题常见考点 DOM 操作 选择器使用:$("#id"), $(".class"), $("tag") 元素增删改查:append(), remove(), html(),…

jquery api

jquery api

以下是关于 jQuery API 的详细介绍和使用方法: jQuery API 概述 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Aj…

jquery特效

jquery特效

jQuery 常见特效实现方法 淡入淡出效果 使用 fadeIn() 和 fadeOut() 方法实现元素的渐显和渐隐效果。可通过参数控制动画持续时间(毫秒)和缓动函数。 $("#element"…

jquery 对话框

jquery 对话框

jQuery 对话框的实现方法 jQuery 对话框通常通过 jQuery UI 库中的 dialog() 方法实现。以下是几种常见的实现方式: 基本对话框实现 引入必要的 jQuery 和 jQ…

jquery 图表

jquery 图表

jQuery 图表库推荐 jQuery 本身不直接提供图表功能,但可以通过插件或集成其他库实现图表绘制。以下是几种常用的 jQuery 图表解决方案: Chart.js 集成 Chart.js 是…