使用thymeleaf模板時,使用js來接收后台傳過來的參數


1.先模擬一下跳轉頁面攜帶參數

 

 1 @Controller
 2 public class UserController {
 3     /**
 4      * 方法路徑
 5      * 
 6      * @param model
 7      * @param map
 8      *            ModelMap對象主要用於傳遞控制方法處理數據到結果頁面,也就是說我們把結果頁面上需要的 數據放到ModelMap對象中即可,
 9      *            他的作用類似於request對象的setAttribute方法的作用,用來在一個請求過程中傳遞處理的數據。
10      * @return 返回路徑
11      */
12     @RequestMapping("/user")
13     public Object getUser(Model model, ModelMap map) {
14         // model.addAttribute("user", "這是一個測試數據");
15         map.put("user", "這是一個測試數據");// 使用ModelMap傳遞數據
16         return "/user";
17     }
18 }

 

 

2.對應user.html頁面

 

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org/">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>


<script type="text/javascript" th:inline="javascript">



    alert([[${user}]])
</script>
</body>
</html>

 

 

3.訪問頁面

在前台頁面不使用th標簽來接收參數 使用 [[${參數名}]] 的方式來接收    在<script>標簽內 要加上  th:inline="javascript"

分享一個thymeleaf學習的帖子  https://juejin.im/post/5c271fbde51d451b1c6ded58


免責聲明!

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



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