Spring boot 使用thymeleaf实现局部刷新

html:

                                <div id="recording">
                                    <table class="layui-table" th:fragment="recording">
                                        <colgroup>
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>问题类型</th>
                                            <th>报修时间</th>
                                            <th>地址</th>
                                            <th>问题描述</th>
                                        </tr>
                                        </thead>
                                        <tbody th:each="repairs:${repair}">
                                        <tr>
                                            <td th:text="${repairs.pType}"></td>
                                            <td th:text="${repairs.time}"></td>
                                            <td th:text="${repairs.address}"></td>
                                            <td th:text="${repairs.pDescription}"></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>

js:

function getRepair() {
    var url = "/getRepair";
    $("#recording").load(url);
}

后台java:

@Controller
public class GetController {
    @Autowired
    private RepairRepositories repairRepositories;

    @RequestMapping({"/getRepair"})
    public String getRepair(ModelMap modelMap, HttpSession session) {
        Integer userId = (Integer) session.getAttribute("user_id");
        List<Repair> repairs = repairRepositories.getRepair(userId);
        modelMap.addAttribute("repair",repairs);
        return "payCenter::recording";
    }
}

注意:注解用@Controller注解,不能使用@ResponseBody注解或者@RestController注解

否则页面上显示的是

payCenter::recording
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值