java - 导入数据时，thymeleaf 和 ajax 有什么区别？

Question

          $.ajax({
            url: "",
            method: "",
            data: { },
            success: function(data) {
              ~~~~
            }
          });

// controller
// ...
model.addAttribute("user", userDTO);
// ...

// html(thymeleaf)
${user.name}

导入数据时，以上两种情况有什么区别？

Answer 1

您的第一个示例表示在 Web 浏览器的 JS 引擎上执行的 JQuery AJAX 方法。 “成功”函数将与响应负载一起异步调用，并且 JS 再次负责对该数据执行所需的操作。您可以进行多个此类异步操作，而无需重新加载/刷新整个页面。

您的第二个示例代表后端中的服务器端 MVC 往返。这是一个同步操作，即触发请求的 Web 浏览器会阻塞，直到下面描述的操作完成，以便它接收回已解析的 HTML。

它遵循 Spring Framework 中实现的 MVC 范例，其中 Thymeleaf是代表 View (MVC 中的“V”)的模板引擎。 model.addAttribute("user", userDTO) 正在绑定(bind) Model(MVC 中的“M”)，以便可以将其填充到模板的占位符中。两者都集中在 Controller (MVC 中的“C”)中， Controller 接收前端请求，负责收集模型并填充模板，返回解析后的最终 HTML 作为响应(事实上​​，Spring MVC 中的 Controller 通常返回 View 名称，并且框架负责调用已注册的模板引擎)。 所有这些 Activity 都发生在后端。