thymeleaf 使用js跳转路径

在Thymeleaf中使用JavaScript进行路径跳转可以使用以下代码：

window.location.href = /*[[@{/path/to/redirect}]]*/ '';

其中，`@{/path/to/redirect}`是Thymeleaf的URL表达式，它会根据当前应用程序的上下文路径生成一个相对路径。在JavaScript中，使用`window.location.href`将浏览器重定向到这个URL。

注意，`[[...]]`是Thymeleaf的内联表达式语法，它可以将表达式的结果插入到HTML文档中。在这里，我们使用它来将URL表达式嵌入到JavaScript代码中。

另外，如果你需要在跳转时传递参数，可以将参数作为查询字符串附加到URL中，例如：

var id = 123;
window.location.href = /*[[@{/path/to/redirect(id=${id})}]]*/ '';

在这个例子中，`${id}`是Thymeleaf的变量表达式，它将被替换为JavaScript变量`id`的值。最终生成的URL将类似于`/path/to/redirect?id=123`。

相关问题

thymeleaf请求不要跳转页面

Thymeleaf是一种用于在服务器端渲染HTML页面的模板引擎。如果你想要在Thymeleaf中进行请求而不跳转页面，可以通过使用AJAX来实现。

AJAX（Asynchronous JavaScript and XML）是一种在后台与服务器进行异步通信的技术，可以在不刷新整个页面的情况下更新部分页面内容。

以下是一种使用Thymeleaf和AJAX进行请求的示例：

1. 在HTML页面中，使用Thymeleaf的语法定义一个按钮或链接，绑定一个JavaScript函数来处理点击事件：

<button onclick="sendAjaxRequest()">发送请求</button>

2. 在JavaScript函数中，使用AJAX发送请求到服务器，并处理服务器返回的数据：

function sendAjaxRequest() {
    $.ajax({
        url: "/your-url", // 替换为你的请求URL
        type: "GET", // 请求类型，可以是GET或POST
        success: function(response) {
            // 处理服务器返回的数据
            // 可以更新页面的某个元素或执行其他操作
        },
        error: function(xhr, status, error) {
            // 处理请求错误
        }
    });
}

3. 在服务器端，根据请求URL配置相应的处理方法，可以返回JSON数据或其他格式的数据：

@Controller
public class YourController {
    @GetMapping("/your-url") // 替换为你的请求URL
    @ResponseBody
    public String handleAjaxRequest() {
        // 处理请求逻辑，返回数据
        return "Hello, AJAX!";
    }
}

这样，当点击按钮时，会通过AJAX发送请求到服务器的指定URL，并将服务器返回的数据更新到页面的相应位置，而不会跳转整个页面。

thymeleaf a标签跳转页面

要在 Thymeleaf 中使用 `<a>` 标签来实现页面跳转，你可以在 `href` 属性中直接使用 Thymeleaf 表达式。例如：

<a th:href="@{/target}">Go to Target Page</a>

在上述示例中，`@{/target}` 是 Thymeleaf 的 URL 表达式，它会根据你的配置生成正确的 URL。如果你的页面路径是 `/target`，那么这个表达式会生成 `/target`，作为跳转的目标路径。

当用户点击这个链接时，会自动跳转到 `/target` 路径对应的页面。

另外，如果你想要在新窗口中打开目标页面，可以添加 `target="_blank"` 属性：

<a th:href="@{/target}" target="_blank">Go to Target Page</a>

这样点击链接时，会在新的浏览器标签或窗口中打开目标页面。