帶參數的鏈接跳轉


1、有時候在頁面上會通過鏈接帶參數去控制器請求新的頁面,之前的做法是鏈接跳轉的方法里面使用model 來接收參數,然后再在頁面里面使用thymeleaf模板來獲取該值一開始的做法如下:

 
頁面上的跳轉鏈接:url:'/detailed?paperId='+data.id


//所要跳轉的地址(控制器上)
   @GetMapping("/detailed")
    public String detailed(Integer paperId, Model model){
        model.addAttribute("paper",paperId);
        return "/admin/Detailed";
    }

//(控制器方法返回的頁面)頁面上數據的接收頁面上一開始記得引入thymeleaf
<script>
    //省略。。。
    var id=[[${paper}]];

   // 然后接下來就可以把這個數據作為實參返回后台做其它操作
</script>

  2、現在的話也可以不用直接在控制器的方法里面寫上面這些參數了,而是直接在控制器方法所要跳轉的頁面里面加上以下的代碼:

//跳轉鏈接:
url:'/detailed?paperId='+data.id

/Detailed頁面上直接加上下面的就可以了,效果跟上面的是一樣的
<script>
function getUrlParams(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 courseTypeId = getUrlParams("paperId");  //這個括號里的注意一下,要跟你鏈接跳轉的時候的參數名字一樣

//省略。。。

</script>

  


免責聲明!

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



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