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

【问题标题】：How to get response back from the REST API and perform actions from jquery ajax call?如何从 REST API 获取响应并从 jquery ajax 调用执行操作？
【发布时间】：2021-01-21 04:17:26
【问题描述】：

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

        $.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 上获得响应。我错过了什么？

【问题讨论】：

您遇到了什么错误。Rest API 中的 System.out 是否被打印出来？
你使用@Controller还是@RestController？
@javaguy，我在其余 API 中没有收到任何错误
是的，我正在使用@RestController

标签： javascript java jquery ajax spring-boot

【解决方案1】：

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

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

对于我正在使用的 ajax 请求 data

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

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

【讨论】：