Thymeleaf局部刷新

第一步：直接在templates目录下创建文件partialRefresh.html：

    
        Thymeleaf局部刷新
        
    
    
        局部刷新1
        局部刷新2
          
            后台返回数据：
        
        
            $("#btn1").click(function () {
                $.ajax({
                    url:"pr",
                    type:"post",
                    success:function (data) {
                        $("#visit").html(data);
                    }
                })
            });
            $("#btn2").click(function () {
                $("#visit").load("pr");
            });
        
    

注：编号①必须指定id，且id的值得和th:fragment的值一致。

第二步：后台控制器：

@GetMapping("/showpr")
public String showPR(){
    return "partialRefresh";
}
@RequestMapping("/pr")
public String partialRefresh(Model model){
    model.addAttribute("msg",UUID.randomUUID().toString());
    return "partialRefresh::visit";
}

第三步：启动测试