thymeleaf onclick 重定向

可以使用Thymeleaf的内置属性th:href来实现onclick重定向。具体步骤如下：

1. 在HTML标签中添加th:href属性，指定重定向的地址。

2. 在onclick事件中使用location.href属性来实现重定向。

例如，下面的代码实现了点击按钮后重定向到指定页面的功能：

<button onclick="location.href='@{/redirectUrl}'">重定向</button>

其中，@{/redirectUrl}是Thymeleaf的URL表达式，用于获取重定向地址。

相关问题

thymeleaf获取 重定向返回list集合

Thymeleaf是一个Java模板引擎，它主要用于Web应用程序中的动态HTML页面的渲染。

Thymeleaf不能直接从重定向中获取列表集合，因为重定向是在服务器端完成的，而Thymeleaf是在客户端完成的。但是，您可以使用ModelAndView对象将列表集合传递给重定向的目标页面。

以下是一个示例：

@GetMapping("/redirect")
public ModelAndView redirectWithList() {
    List<String> myList = Arrays.asList("item1", "item2", "item3");
    ModelAndView modelAndView = new ModelAndView("redirect:/listPage");
    modelAndView.addObject("myList", myList);
    return modelAndView;
}

@GetMapping("/listPage")
public String displayListPage(Model model) {
    List<String> myList = (List<String>) model.asMap().get("myList");
    // Use the myList to display the list page
    return "listPage";
}

在上面的示例中，`redirectWithList`方法将列表集合传递给`ModelAndView`对象，并将其设置为重定向的目标页面。然后，`listPage`方法从`Model`对象中获取列表集合并将其用于显示列表页面。

在Thymeleaf模板中，您可以使用Thymeleaf表达式来访问列表集合，例如：

<ul>
    <li th:each="item : ${myList}" th:text="${item}"></li>
</ul>

上面的代码将在页面上显示一个无序列表，其中每个列表项都是列表集合中的一个元素。

thymeleaf onclick传参

Thymeleaf中可以使用$符号来获取页面中定义的变量，然后将其作为参数传递给onclick函数，示例代码如下：

<button type="button" th:onclick="'myFunction(\'' + ${variable} + '\')'">Click me!</button>

在这个例子中，我们将名为variable的Thymeleaf变量的值作为字符串参数传递给myFunction函数中的单引号中的JavaScript语句。请注意，我们使用了反斜杠来转义单引号。