html頁面：

<h2>5.局部刷新</h2> <br> <button id="btn">刷新1</button> <button id="btn2">刷新2</button> <div th:fragment="info" id="info">info: <span th:text="${info}">info</span><span>test 刷新</span> </div>

js代碼：

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script>//使用load函數(shù)進行局部刷新$('#btn').click(function () {var url = '/thymeleaf/info';$('#info').load(url);});//ajax請求$('#btn2').click(function () {var url = '/thymeleaf/info';$.ajax({url: url,type: 'get',success: function (data) {$("#info").html(data);}})}) </script>

后端java接口：

@GetMapping("info")public String info(Model model, @RequestParam(value = "info", required = false, defaultValue = "ouyangcheng---info 111") String info) {info += System.currentTimeMillis();model.addAttribute("info", info);return "thymeleaf::info";}

總結(jié)

以上是生活随笔為你收集整理的SpringBoot+thymeleaf 局部刷新的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。