SpringBoot+thymeleaf 局部刷新

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函数进行局部刷新$('#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";}

SpringBoot+thymeleaf 局部刷新相关推荐

Thymeleaf局部刷新
第一步:直接在templates目录下创建文件partialRefresh.html: <!DOCTYPE html> <html lang="en" xmlns ...
【全栈之前端编程】Javaweb使用thymeleaf局部刷新结合Layui插件实现Html分页
热门系列: 程序人生,精彩抢先看目录 1.前言 2.正文 2.1 开发环境介绍 2.2 实现代码 2.3 实现流程说明 2.4 实现效果程序人生,精彩抢先看 1.前言最近个人在做开发的时候,需要 ...
Thymeleaf th:fragment局部刷新
目录一. 前期准备二. Controller 三. HTML 四. JS 五. 效果一. 前期准备 import lombok.Data;@Data public class Test14Sub ...
springboot+thymeleaf+ajax局部刷新
文章目录局部刷新代码 index.html refresh.html indexController跳转到index页面方法 indexController刷新数据方法运行局部刷新一般我们做 ...
Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题
前言:这周在使用 Ajax+Thymeleaf 时遇到一个问题,折腾了我很久,在此记录一下 Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题问题描述我的目的:通过 Aja ...
基于springboot+thymeleaf+mybatis的员工管理系统 —— 登录与注册
员工管理系统 - 登录与注册功能创建项目 pom.xml 数据库表设计和环境准备建表SQL application.properties 用户注册与登录功能 entity dao service ...
一篇文章解决springboot+thymeleaf多语言国际化
1.前言博主最近在写一个多语言的项目,因为之前没实际接触过多语言的设计,所以写这篇文章记录下这次多语言开发的过程. 博主的开发环境是:Springboot1.5.6 + thymeleaf,需要注意 ...
php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新
本例用jquery 实现通过把一个标签的变量传递给后台处理后,然后返回给前台另外一个变量大致流程是这样的:前端编写html代码 ,加入要局部刷新的 jquery代码并指定要响应的url, 首先 ...
redux 局部刷新_如何使用Redux Observables和刷新令牌API获取新的访问令牌
redux 局部刷新 by Sachin Kumar 由Sachin Kumar 如何使用Redux Observables和刷新令牌API获取新的访问令牌 (How to get a new acc ...

SpringBoot+thymeleaf 局部刷新

SpringBoot+thymeleaf 局部刷新相关推荐

最新文章

热门文章