ajax数据写入thymeleaf,Thymeleaf：使用Ajax刷新值

小编典典

您可以使用该功能仅渲染Thymeleaf视图的片段。

首先提供您要更新 ID 的标记代码段：

然后我们可以在控制器中创建一个Spring请求映射：

@RequestMapping(value="/event-count", method=RequestMethod.GET)

public String getEventCount(ModelMap map) {

// TODO: retrieve the new value here so you can add it to model map

map.addAttribute("numDeviceEventsWithAlarm", count);

// change "myview" to the name of your view

return "myview :: #eventCount";

}

请参阅Thymeleaf手册中的在控制器返回值中指定片段以更好地了解指定要渲染哪个片段的返回。

创建一个JavaScript函数以使用ajax(jQuery风格)更新值：

function updateEventCount() {

$.get("event-count", function(fragment) { // get from controller

$("#eventCount").replaceWith(fragment); // update snippet of page

});

}

然后在需要更新值时调用此函数。

2020-05-30