前端点击按钮执行方法并弹出结果值：Thymeleaf + Spring Boot完整代码示例

在前端使用Thymeleaf和后端使用Spring Boot时，可以通过以下方式实现点击按钮执行方法并弹出结果值的功能：\n\n1. 在前端页面中添加一个按钮和一个用于显示结果值的元素，例如：\n\nhtml\n<button onclick="executeAction()">执行方法</button>\n<div id="result"></div>\n\n\n2. 在JavaScript中编写executeAction方法，该方法通过Ajax请求向后端发送请求并获取结果值，然后使用alert弹出结果值，例如：\n\njavascript\nfunction executeAction() {\n $.ajax({\n url: "/execute", // 后端接口的URL地址\n type: "GET",\n success: function(result) {\n alert(result);\n $("#result").text(result);\n },\n error: function() {\n alert("执行方法失败");\n }\n });\n}\n\n\n3. 在后端使用Spring Boot编写一个控制器方法，该方法处理前端的请求并返回结果值，例如：\n\njava\n@Controller\npublic class MyController {\n\n @GetMapping("/execute")\n @ResponseBody\n public String executeMethod() {\n // 执行方法的逻辑，返回结果值\n String result = "执行方法的结果值";\n return result;\n }\n}\n\n\n上述代码中，点击按钮会触发executeAction方法，该方法通过Ajax请求向后端的"/execute"接口发送GET请求，并在成功回调函数中使用alert弹出结果值，并将结果值显示在页面上的result元素中。后端的executeMethod方法通过@GetMapping注解映射到"/execute"路径，使用@ResponseBody注解将返回值直接作为响应体返回给前端。\n\n需要注意的是，前端代码中使用了jQuery库进行Ajax请求的发送和处理，因此需要在页面中引入jQuery库的脚本文件。