SpringBoot 无数据库验证用户名是否存在 - jQuery Ajax 实战

1. 在 Spring Boot 中创建一个 RESTful API，用于接收前端发送的 Ajax 请求并处理用户名是否存在的逻辑。

2. 在前端使用 jQuery 编写 Ajax 请求，发送用户名到后端接口，并根据后台返回结果判断用户名是否存在。

3. 在后端处理接口中，可以使用一个 Map 或者 List 来存储已经存在的用户名，然后判断前端发送的用户名是否在这个 Map 或 List 中存在，如果存在则返回用户名已存在的提示信息，否则返回用户名可以使用的提示信息。

4. 在前端根据后端返回的结果，动态更新页面上的提示信息。

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

后端代码：

@RestController
public class UserController {

    private static final List<String> users = new ArrayList<>();

    @PostMapping("/checkUser")
    public String checkUser(@RequestParam String username) {
        if (users.contains(username)) {
            return '用户名已存在';
        } else {
            users.add(username);
            return '用户名可以使用';
        } 
    }
}

前端代码：

$(document).ready(function() {
    $("#username").blur(function() {
        var username = $(this).val();
        $.ajax({
            type: "POST",
            url: "/checkUser",
            data: "username=" + username,
            success: function(result) {
                $("#result").text(result);
            }
        });
    });
}); 

在页面上添加一个输入框和一个用于显示结果的标签：

<input type="text" id="username">
<span id="result"></span>

当输入框失去焦点时，会发送一个 POST 请求到后端的 /checkUser 接口，后端会判断用户名是否存在并返回相应的结果，在前端会动态更新页面上的标签显示结果。