jquery获取url参数值的方法

最新推荐文章于 2025-07-05 19:53:25 发布

natur_630

最新推荐文章于 2025-07-05 19:53:25 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：工作笔记文章标签： jquery url

本文链接：https://blog.youkuaiyun.com/natur_630/article/details/11961901

工作笔记专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用jQuery简便地从URL中动态获取参数的方法。通过提供的JavaScript函数，开发者能够轻松提取URL中的特定参数值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候需要在js里面获取url上的参数，这时候使用此方法可以简便和动态的获取到url上的参数。

公共js的写法

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

使用方法

$(function(){
	//通过url获取id
	var id=$.getUrlParam('id');
}

例如：url发送了一个请求index.do?id=5

index.do对应的跳转页面是index.jsp

在index.jsp引入index.js

在index.js里写上面两个方法

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

$(function(){
	//通过url获取id
	var id=$.getUrlParam('id');
        //输出获取到的url参数值
        alert(id);
}

这样就可获得url的参数值了。