前端function写一个方法点击按钮执行方法中的action然后alert出执行方法中的结果值完整代码前端用thymeleaf 后端用spring boot

在前端使用Thymeleaf和后端使用Spring Boot时，可以通过以下方式实现点击按钮执行方法并弹出结果值的功能：

1. 在前端页面中添加一个按钮和一个用于显示结果值的元素，例如：

<button onclick="executeAction()">执行方法</button>
<div id="result"></div>

2. 在JavaScript中编写executeAction方法，该方法通过Ajax请求向后端发送请求并获取结果值，然后使用alert弹出结果值，例如：

function executeAction() {
  $.ajax({
    url: "/execute", // 后端接口的URL地址
    type: "GET",
    success: function(result) {
      alert(result);
      $("#result").text(result);
    },
    error: function() {
      alert("执行方法失败");
    }
  });
}

3. 在后端使用Spring Boot编写一个控制器方法，该方法处理前端的请求并返回结果值，例如：

@Controller
public class MyController {

  @GetMapping("/execute")
  @ResponseBody
  public String executeMethod() {
    // 执行方法的逻辑，返回结果值
    String result = "执行方法的结果值";
    return result;
  }
}

上述代码中，点击按钮会触发executeAction方法，该方法通过Ajax请求向后端的"/execute"接口发送GET请求，并在成功回调函数中使用alert弹出结果值，并将结果值显示在页面上的result元素中。后端的executeMethod方法通过@GetMapping注解映射到"/execute"路径，使用@ResponseBody注解将返回值直接作为响应体返回给前端。

需要注意的是，前端代码中使用了jQuery库进行Ajax请求的发送和处理，因此需要在页面中引入jQuery库的脚本文件