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

Question

我对 JavaScript 完全陌生。有人可以解释一下这个函数中每一行的作用吗？

function openPoolModal(id){

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

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

我使用 Spring 和 Thymeleaf，到目前为止我所理解的是 Controller 方法是通过 url 调用的。 Controller 方法生成数据然后呢？

这是 Controller 方法:

@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 部分。

Answer 1

要理解该代码，您需要查找 th:fragment modalContents，它应该位于文件 networkDetails 中。

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

return "networkDetails :: modalContents";

Controller 获取“poolHashrate”对象，然后通过 Thymeleaf 对片段 modalContents 进行解析，并生成 html 代码。

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