如何在 AJAX 中获取 th:each 循环的值?
在 AJAX 中获取 th:each 循环中的值,需要先了解 th:each 是在服务器端渲染的,而 AJAX 是在客户端执行的,因此无法直接获取 th:each 中的值。\n\n解决方案是在服务器端将 th:each 循环中的值以某种形式返回给客户端,然后在 AJAX 的回调函数中获取这些值。\n\n具体步骤如下:\n\n1. 在服务器端将 th:each 循环中的值以一定的格式(如 json)返回给客户端。可以使用后端框架提供的相关功能,如 Spring MVC 的 @ResponseBody 注解。\n\n2. 在客户端的 AJAX 请求中指定一个回调函数,该函数在服务器端返回数据时被调用。\n\n3. 在回调函数中处理服务器端返回的数据,并提取 th:each 循环中的值。\n\n以下是一个示例代码:\n\njavascript\n$.ajax({\n url: "your-server-url",\n type: "GET",\n success: function(response) {\n // 处理服务器端返回的数据\n var values = response.values; // 假设返回的数据格式为 { "values": ["value1", "value2", ...] }\n \n // 进行相关处理\n for (var i = 0; i < values.length; i++) {\n console.log(values[i]);\n }\n }\n});\n\n\n在服务器端,你需要将 th:each 循环中的值以指定格式返回给客户端。以 Spring MVC 为例,你可以使用 @ResponseBody 注解将返回值转换为 json 格式:\n\njava\n@Controller\npublic class YourController {\n @GetMapping("/your-server-url")\n @ResponseBody\n public List<String> getValues() {\n List<String> values = new ArrayList<>();\n // 从某个地方获取 th:each 循环中的值,并将其添加到 values 列表中\n \n return values;\n }\n}\n\n\n注意,以上示例代码仅为演示目的,并未考虑具体的后端框架和实现方式。你需要根据自己的具体情况进行相应的调整和实现。
原文地址: https://www.cveoy.top/t/topic/pLiG 著作权归作者所有。请勿转载和采集!