同前端跳轉頁面傳遞參數


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

 

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

 

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

  

 

頁面展示效果圖:

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM