window.location.href跳转传参并接收参数

Posted 玺..

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了window.location.href跳转传参并接收参数相关的知识,希望对你有一定的参考价值。

最近做H5页面之间跳转以及带有参数的传递,下边就让我们一起来练习一下吧!

window.location.href = "buyOil.html?userId="+ res.userId;
buyOil.html    这是跳转路径的地址
res.userId是我们传过去的参数,在这里我们模拟res.userId是2,所以就变成了
window.location.href = "buyOil.html?userId="+ 2;

我们在buyOil.html这里边接受这个参数

				function GetRequest() 
					var url = location.search; //获取url中"?"符后的字串
					var theRequest = new Object();
					if (url.indexOf("?") != -1) 
						var str = url.substr(1);
						strs = str.split("&");
						for (var i = 0; i < strs.length; i++) 
							theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
						
					
					return theRequest;
				
				console.log(GetRequest().userId);  //2

这时候打印出来的结果就是我们传过来的参数,就是2

以上是关于window.location.href跳转传参并接收参数的主要内容,如果未能解决你的问题,请参考以下文章

vue路由传参并跳转页面

window.location.href跳转带中文参数

两个页面跳转传中文参数,中文出现乱码解决方法

vue四种页面跳转传参方法

React页面跳转传参

window.location.href进行页面跳转+传参数