当前位置:首页 > 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 UI 库中的 dialog() 方法实现。以下是几种常见的实现方式: 基本对话框实现 引入必要的 jQuery 和 jQ…

jquery div

jquery div

jQuery 操作 div 元素 jQuery 提供了多种方法来操作 div 元素,包括选择、修改内容、样式调整、事件绑定等。以下是常见操作的示例: 选择 div 元素 通过 ID 选择 div:…

jquery标签

jquery标签

jQuery 标签操作 jQuery 提供了多种方法来操作 HTML 标签(元素),包括创建、修改、删除和遍历等。以下是常用的 jQuery 标签操作方法: 选择标签 使用选择器获取 HTML 元素…

jquery代码

jquery代码

以下是关于jQuery代码的常见用法和示例,涵盖基础操作、事件处理、DOM操作等核心功能: 基础语法 jQuery通过$()函数选择元素,支持CSS选择器语法: // 选择所有<p>元…

加载jquery

加载jquery

加载 jQuery 的方法 通过 CDN 加载 推荐使用官方或公共 CDN(内容分发网络)加载 jQuery,速度快且稳定。将以下代码添加到 HTML 文件的 <head> 或 <b…

jquery上传

jquery上传

jQuery 文件上传的实现方法 jQuery 可以通过多种方式实现文件上传功能,以下介绍几种常见的方法: 使用原生表单和 AJAX 通过 HTML 表单结合 jQuery 的 AJAX 功能实现文…