使用themleaf的情况下,前端发送一个请求,后端return""该怎么写 ,前端才能在窗口中响应后端传来的数据
时间: 2024-01-24 13:16:57 浏览: 93
在Thymeleaf中,可以使用Ajax来实现前后端交互。具体实现步骤如下:
1. 在前端页面中定义一个用于接收后端返回数据的标签,例如:
```html
<div id="result"></div>
```
2. 在前端页面中定义一个用于发送请求的按钮或者链接,例如:
```html
<button id="submitBtn">发送请求</button>
```
3. 使用jQuery或者其他JavaScript框架,在页面加载完成后绑定按钮的点击事件,并在点击事件中发送Ajax请求,例如:
```javascript
$(document).ready(function() {
$('#submitBtn').on('click', function() {
$.ajax({
url: '/your/url',
type: 'POST',
success: function(data) {
$('#result').html(data);
}
});
});
});
```
4. 在后端Controller中处理请求,并返回需要显示的数据,例如:
```java
@PostMapping("/your/url")
public String handleRequest() {
return "Hello, World!";
}
```
这样,当用户点击按钮时,就会发送一个POST请求到后端,后端处理请求并返回数据,前端通过Ajax接收数据并在页面中显示。
阅读全文