在編寫前端代碼的時候有時候需要傳遞前頁面相應得參數 在這里介紹一個簡單得小方法<路由傳參>
首先 前端先寫一個點擊事件:
在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>
頁面展示效果圖:
點擊對應得編輯按鈕后跳轉和夾帶相應得參數 並對跳轉后標簽渲染:如圖: