同前端跳轉頁面傳遞參數

在編寫前端代碼的時候有時候需要傳遞前頁面相應得參數 在這里介紹一個簡單得小方法<路由傳參>

 

首先 前端先寫一個點擊事件：

 

在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>

　　

 

頁面展示效果圖：

點擊對應得編輯按鈕后跳轉和夾帶相應得參數 並對跳轉后標簽渲染：如圖：