在HTML页面如何向springboot后段发送由用户输入的ID作为路径参数的的delete请

求？

在HTML页面中，可以使用JavaScript和AJAX技术向Spring Boot后端发送DELETE请求，其中用户输入的ID可以作为路径参数。

以下是一个简单的示例代码：

HTML页面：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Delete User</title>
</head>
<body>
    <label for="userId">User ID:</label>
    <input type="text" id="userId">
    <button onclick="deleteUser()">Delete</button>
    <script>
        function deleteUser() {
            var userId = document.getElementById("userId").value;
            var xhr = new XMLHttpRequest();
            xhr.open("DELETE", "/users/" + userId, true);
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    alert("User deleted successfully");
                }
            };
            xhr.send();
        }
    </script>
</body>
</html>

在上面的代码中，我们使用了一个文本框和一个按钮，当用户点击按钮时，会调用名为deleteUser()的JavaScript函数。该函数首先获取文本框中的用户ID，然后使用XMLHttpRequest对象向Spring Boot后端发送DELETE请求。在请求中，我们将用户ID作为路径参数传递给后端。当请求成功完成时，会弹出一个提示框，告诉用户用户已成功删除。

在Spring Boot后端中，我们需要定义一个RESTful API来处理这个DELETE请求。例如：

@RestController
@RequestMapping("/users")
public class UserController {

    @DeleteMapping("/{id}")
    public ResponseEntity<Void> deleteUser(@PathVariable Long id) {
        // TODO: Delete user with the given ID
        return ResponseEntity.ok().build();
    }
}

在上面的代码中，我们定义了一个名为deleteUser()的方法，该方法使用@DeleteMapping注解来指定处理DELETE请求的路径。在方法中，我们使用@PathVariable注解来获取路径参数中的用户ID。在实际应用中，我们可以使用该ID来从数据库中删除相应的用户。最后，我们返回一个HTTP响应，告诉前端请求已成功完成

在HTML页面如何向springboot后段发送由用户输入的ID作为路径参数的的delete请