发送Ajax请求时,怎么使用thymeleaf表示url
时间: 2024-03-23 08:43:36 浏览: 54
如何在Thymeleaf中实现ajax请求url的可靠构造
3星 · 编辑精心推荐
在使用Thymeleaf表示Ajax请求的URL时,你可以使用Thymeleaf的内联表达式语法。下面是一个例子,演示如何在JavaScript代码中使用Thymeleaf表示Ajax请求的URL:
```javascript
var url = /*[[@{/mycontroller}]]*/ '';
$.ajax({
url: url,
type: 'GET',
success: function(data) {
console.log(data);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus);
}
});
```
在这个例子中,我们使用Thymeleaf的内联表达式语法`/*[[@{/mycontroller}]]*/`表示Web应用程序的根路径加上`/mycontroller`这个路径。Thymeleaf会自动添加上下文路径,因此你不需要担心上下文路径的问题。
需要注意的是,在使用Thymeleaf表示Ajax请求的URL时,你需要在JavaScript代码中将Thymeleaf的内联表达式语法包含在注释中。这是因为Thymeleaf的内联表达式语法与JavaScript的语法冲突,如果你直接在JavaScript代码中使用Thymeleaf的内联表达式语法,会导致JavaScript语法错误。
另外,你也可以在HTML中使用Thymeleaf表示Ajax请求的URL,例如:
```html
<button th:onclick="'myFunction(/*[[@{/mycontroller}]]*/)'">Click Me</button>
```
在这个例子中,我们使用Thymeleaf的内联表达式语法`/*[[@{/mycontroller}]]*/`表示Web应用程序的根路径加上`/mycontroller`这个路径,并将它作为参数传递给一个JavaScript函数。Thymeleaf会自动添加上下文路径。需要注意的是,你仍然需要将Thymeleaf的内联表达式语法包含在注释中,以避免JavaScript语法错误。
阅读全文