thymeleaf向后端发送post请求’

Thymeleaf本身并不提供向后端发送POST请求的功能，它只是一个模板引擎，用于渲染HTML页面。但是，你可以使用一些其他的技术来实现向后端发送POST请求，比如使用jQuery或者原生的JavaScript。

下面是一个使用jQuery向后端发送POST请求的例子：

$.ajax({
    url: '/your-url',
    type: 'POST',
    data: {param1: 'value1', param2: 'value2'},
    success: function(response) {
        // 处理响应
    },
    error: function(xhr) {
        // 处理错误
    }
});

在上述代码中，`url`是你要发送POST请求的后端接口的地址，`type`是请求的类型（POST），`data`是要发送到后端的数据，`success`是请求成功后的回调函数，`error`是请求失败后的回调函数。

你需要将这段代码嵌入到你的Thymeleaf模板中，以便在用户操作时触发POST请求。具体的实现方式取决于你的具体需求和后端接口的设计。

相关问题

使用thymeleaf时后端返回的为modelandview,如何使用AJAX发送POST请求

在使用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页面中的内容。

thymeleaf发请求后端的示例

A：

以下是使用Thymeleaf发起Ajax请求，与后端进行交互的示例：

1. 配置Thymeleaf和Spring MVC。

2. 在HTML页面中引入jQuery库：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

3. 在HTML页面中添加表单，并使用Thymeleaf变量获取表单提交数据：

<form id="myForm">
    <input type="text" th:name="${username}" placeholder="Username"/>
    <input type="password" th:name="${password}" placeholder="Password"/>
    <button type="submit" th:text="${loginButtonText}">Login</button>
</form>

4. 在JavaScript中为表单提交添加Ajax事件：

$(document).ready(function() {
    $('#myForm').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: '/login',
            data: $(this).serialize(),
            success: function(data) {
                console.log(data);
                // 处理响应数据
            },
            error: function(xhr, textStatus, errorThrown) {
                console.log('Error');
            }
        });
    });
});

5. 在后台控制器中，接收表单提交数据，并返回响应数据：

@PostMapping("/login")
public ResponseEntity<String> login(@RequestParam("username") String username,
                                     @RequestParam("password") String password) {
    // 处理表单提交数据
    // 返回响应数据
    return ResponseEntity.ok("Success");
}