首页 > 其他 > 详细

同前端跳转页面传递参数

时间:2019-04-04 00:29:21      阅读:143      评论:0      收藏:0      [点我收藏+]

在编写前端代码的时候有时候需要传递前页面相应得参数 在这里介绍一个简单得小方法<路由传参>

 

首先 前端先写一个点击事件:

技术分享图片

 

在script中用window.location进行页面跳转,注意此时需要夹带需要传递得参数,并进行字符串拼接 。如图:(本文以传递ID为例)

技术分享图片

 

在另一页面定义一个标签并附带相应ID选择器,如图:

技术分享图片

在script中截取URL传递过来的参数;相应代码如下

<script>
		//获取url中的参数
        function getUrlParam(name) {

			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
			var r = window.location.search.substr(1).match(reg);  //匹配目标参数
			if (r != null) return unescape(r[2]); return null; //返回参数值

		}

		var name = getUrlParam(‘id‘)
		$(‘#showid‘).html(name) // 给id选择器相对应标签渲染传递过来的参数

</script>

  

 

页面展示效果图:

技术分享图片

点击对应得编辑按钮后跳转和夹带相应得参数 并对跳转后标签渲染:如图:

技术分享图片

技术分享图片

 

同前端跳转页面传递参数

原文:https://www.cnblogs.com/wjohh/p/10652452.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!