jquey URL中传参及参数中文问题;获取参数的方法

最新推荐文章于 2022-10-14 10:15:54 发布

Q丸子

最新推荐文章于 2022-10-14 10:15:54 发布

阅读量388

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/liq816/article/details/77983143

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种通过JavaScript获取URL中指定参数的方法，并提供了实例代码。此外还介绍了如何使用escape()和encodeURI()来处理中文参数。

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

/**
	  * 获取地址栏参数方法
	  * @param name
	  * @returns
	  */
	function getUrlParam(name){  
		// 正则筛选地址栏
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
		// 匹配目标参数
		var r = window.location.search.substr(1).match(reg); 
		//返回参数值
		if (r != null) return unescape(r[2]); return null; 
	}

例：

http://uxcenter.xxxx.com/carnots/XXXX/objectiveScore.html?&date=2017-09-11

获取方式：

var day=getUrlParam('date');
console.log(day);//控制台输出

补充：URL传参跳转页面：

window.location.href = "/carnots/XXXXX/objectiveScore.html?&date=" + escape(date);

注：escape();//防止中文参数

URL中文传参至后台：

window.location.href = "/carnots/XXXXX/ExportData.do?&name=" + encodeURI(name);

注：encodeURI(String);//参数传至后台时 防止中文参数