js地址传过来的参数解析成对象，全乎一点的。

最新推荐文章于 2022-10-13 14:02:59 发布

zhangli0421

最新推荐文章于 2022-10-13 14:02:59 发布

阅读量176

点赞数

文章标签： HTML JavaScript 页面交互查询参数历史记录

本文链接：https://blog.csdn.net/zhangli0421/article/details/121468885

版权

怕你没有看懂。给你来个全乎的案例，这个看懂了直接用上面的函数就可以了。

首先来一个页面：bom.html代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" id="btn" value="哈哈"  />
	</body>
	<script type="text/javascript">

		btn.onclick = function(){

			window.location.href ="haha.html?id=1&name=666&age=1&sex=男";

		}
		
	</script>
</html>

其次点击“哈哈”,我们进入haha.html页面，当然你肯定也要创建这个页面了。代码如下：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<h2>回去了</h2>

	</body>
	<script type="text/javascript">
		document.querySelector("h2").onclick = function() {
				window.history.go(-1)
		}
		var str = location.search;
				1.处理掉?
		var dataStr = str.split("?")[1];
				2.进行一个截取转化成数组
		dataStr = dataStr.split("&");
				3.定义一个新对象存放数据	
		var data = new Object()
		console.log(dataStr);
				4.遍历每个数组对象处理成对象的key:val
		dataStr.forEach(function(item) {
			var it = item.split("=");
			data[it[0]] = it[1];
		})

		console.log(data);

		//		做一个简单的封装 ，哈哈我就把获取过来的数据当字符串处理了
		function udata(str) {
//			注意要是有汉字做个简单的解码decodeURI(str)
			str = decodeURI(str);
			//		1.处理掉?
			var dataStr = str.split("?")[1];
			//		2.进行一个截取转化成数组
			dataStr = dataStr.split("&");
			//		3.定义一个新对象存放数据	
			var data = new Object()
//			console.log(dataStr);
			//		4.遍历每个数组对象处理成对象的key:val
			dataStr.forEach(function(item) {
				var it = item.split("=");
				data[it[0]] = it[1];
			})
			return data;
		}

	</script>

</html>