前端页面
一、首先、在需要异步刷新的div上面定义fragment片段
1 <div th:fragment="fragmentSegment"> 2 需要异步刷新的div 3 </div>
二、主动加载数据
1 <script type="text/javascript" th:inline="javascript"> 2 // 异步刷新 3 $(function () { 4 $("#comment-container").load(/*[[@{/服务器的请求地址}]]*/""); 5 }); 6 7 </script>
三、被动加载——写成一个函数
1 <script type="text/javascript" th:inline="javascript"> 2 function postData() { 3 $("#fragmentSegment").load(/*[[@{/服务器请求地址}]]*/"", { 4 // 可携带参数 5 }, function (responseTxt, statusTxt, xhr) { 6 // 回调函数 7 }); 8 } 9 </script>
后台
Controller层
1 @Controller 2 public class getDataController { 3 4 @PostMapping("/请求url") 5 public String getData() { 6 return "路径/页面名称 :: 当前页面的fragment片段名称"; 7 } 8 }