使用thymeleaf时后端返回的为modelandview,如何使用AJAX发送POST请求
时间: 2024-03-06 21:50:17 浏览: 20
在使用Thymeleaf渲染页面时,如果后端返回的是ModelAndView对象,我们可以通过AJAX技术来实现异步POST请求并更新页面内容。
首先,在Thymeleaf页面中添加一个用于显示结果的`<div>`标签和一个用于发送POST请求的按钮:
```
<div id="result"></div>
<button id="submitBtn" type="button">提交</button>
```
然后,在Thymeleaf页面中使用AJAX技术向后端发送异步POST请求,并将返回的结果更新到页面中:
```
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function () {
$('#submitBtn').click(function () {
$.ajax({
url: '/user/doFollow',
type: 'POST',
data: {
followUserId: 1
},
success: function (data) {
// 将后端返回的结果更新到页面中
$('#result').html(data);
}
});
});
});
</script>
```
在后端Controller中,获取POST请求的参数并返回结果:
```
@RequestMapping("/user/doFollow")
public @ResponseBody String doFollow(int followUserId) {
// 处理用户关注信息
return "关注成功";
}
```
这样,就可以通过AJAX技术实现异步POST请求并更新Thymeleaf页面中的内容。