用于在Spring应用程序中打开模式对话框的JavaScript函数

时间:2018-04-11 06:59:52

标签: javascript java ajax spring thymeleaf

我是JavaScript新手。有人可以解释一下这个函数的每一行是什么吗?

function openPoolModal(id){

console.log("I've been called");

$.ajax({
    url: "/" + id,
success: function(data){
    $("#PoolModalHolder").html(data);
    $("#PoolModal").modal("show");
}
});
}

我使用Spring& Thymeleaf和我到目前为止所理解的是控制器方法是通过url调用的。控制器方法生成data然后生成什么?

这是控制器方法:

@RequestMapping("/{id}")
public String getNetworkInfo(Model model, @PathVariable String id){

    model.addAttribute("poolHashrate", netService.getPoolHashrate(new Long(id)));

    return "networkDetails :: modalContents";
}

它还通过Thymeleaf th:fragment属性返回.html片段的一部分。我正在使用https://qtzar.com/2017/03/24/ajax-and-thymeleaf-for-modal-dialogs/教程,但我没有得到PoolModalHolder部分。

1 个答案:

答案 0 :(得分:1)

要了解代码,您需要查找th:fragment modalContents ,它应该在 networkDetails 文件中。

model.addAttribute("poolHashrate", netService.getPoolHashrate(new Long(id)));

return "networkDetails :: modalContents";

控制器获取" poolHashrate"对象,然后通过Thymeleaf解析片段 modalContents ,并生成一个html代码。

ajax代码,接收该Html代码并将其设置为PoolModalHolder的内容。