当前位置:首页 > 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(现代浏览器支持)

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

使用示例

获取单个参数值:

var userId = getUrlParam('userid');

获取所有参数对象:

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

注意事项

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

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

jquery获取参数

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

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

相关文章

jquery文档

jquery文档

以下是关于 jQuery 文档的核心资源和使用方法整理: jQuery 官方文档 jQuery 官方文档是学习和使用 jQuery 最权威的资源,包含详细的 API 说明、示例和更新日志。…

jquery教程

jquery教程

jQuery 教程:基础与实用方法 jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其核心特点是“写得更少…

jquery对象

jquery对象

jQuery 对象简介 jQuery 对象是通过 jQuery 选择器或方法创建的封装了 DOM 元素集合的对象。它提供了一系列便捷的方法来操作 DOM、处理事件、实现动画等。与原生 DOM 对象不同…

引入jquery

引入jquery

引入jQuery的方法 通过CDN引入(推荐) 在HTML文件的<head>或<body>标签内添加以下链接,使用官方或公共CDN服务: <script src="…

jquery子元素

jquery子元素

jQuery 子元素选择方法 在jQuery中,选择子元素可以通过多种方式实现,以下是常用的几种方法: 使用 children() 方法 children() 方法用于获取匹配元素的所有直接子元素(…

jquery 地址

jquery 地址

jQuery 官方地址 jQuery 的官方网站地址为:https://jquery.com/。该网站提供了 jQuery 的下载、文档、教程以及最新版本信息。 CDN 地址 如果需要通过 CDN…