如何从 REST API 获取响应并从 jquery ajax 调用中执行操作？

Question

我正在学习 JS、jquery，并尝试构建一个登录页面，在向我的应用程序 URL 提供凭据后，我应该得到响应，我应该能够执行相应的操作。 类似于：如果响应是“成功”，那么我应该收到成功警报并重定向到另一个页面（不知道如何做），如果响应是“失败”，我应该发出警报。 以下是我的 js 文件中的相关片段：

        $.ajax({
        url: "http://localhost:8588/api/userLogin",
        type: "POST",
        data: credentials,
        dataType: "json",
        contentType: 'application/json',
        success: function(response) {
            alert(response);
        }
    });

我的java控制器方法用@RestController注释：

        @PostMapping(value = "/userLogin", consumes = "application/json")
        public String userLogin(@RequestBody UserRequest userRequest) {
        System.out.println(userRequest.getUserId()+ " "+ userRequest.getPassword());
        User user = userService.getUser(userRequest);
        return (user != null) ? "succeess" : "fail";
      }

我没有收到任何错误 我可以调用 API 但没有在 UI 上得到响应。 我错过了什么？

Answer 1

我已经使用了您的代码并模拟了像您这样的简单案例。 大多数代码看起来都正确，但正如您所说，控制台中没有错误，也没有对客户端的响应，因此问题一定出在某个地方。 有些事情您没有在此处指定，因此对于其他人的更多上下文，我假设UserRequest为

public class UserRequest {
    public String username;
    public String password;
}

以及我正在使用的 ajax 请求data

JSON.stringify({username: "developer", password:"pass"})

现在，我在客户端收到 200 条带有成功消息的响应代码。 如果尝试此操作后出现任何错误，请告诉我。