thymeleaf 异步刷新局部块_【Spring】thymeleaf + SpringMVC局部刷新

thymeleaf + SpringMVC局部刷新

之前用thymeleaf一直只是在页面加载的时候利用thymeleaf的标签取值，而ajax加载的数据则需要使用js添加到html中，今天因为其它框架而联想到thymeleaf中应该也可以局部动态刷新。于是百度并测试一番，现总结如下：

使用两种方式达到异步刷新：

1.load()函数异步刷新

load(url,//请求路径

reqData,//请求的数据

function(response，status){//回调函数

})

如果只是简单的获取数据并加载只需要

$(selector).load(url);

例如，在页面中需要动态加载一个列表：

html代码如下：

其中fragment可以理解为一个代码模板，thymeleaf可以根据这个进行定位。

js如下(注意需要引入jquery)：

var url = '/blog/ajaxTest';

$('#div1').load(url);

});

前端这样就完成了，不需要在js中写动态生成ul的代码。接下来是后端代码。

@RequestMapping("/ajaxTest")

public String test(Model model){

System.out.println("ajaxTest");

List list = new ArrayList<>(10);

for(int i=0;i&l