Javascript AJAX 调用 SpringBoot 控制器并获得 JSON 响应

Question

我正在尝试使用 JSON 访问我的 SpringBoot 控制器，为此我正在使用 AJAX。我希望我的控制器接收 AJAX 调用，提取 JSON，处理这些值并将 JSON 响应返回给脚本，然后我将以某种方式使用它。

我无法弄清楚如何对我的控制器进行编码以处理 AJAX，以及请求应该是 POST 还是 GET？

这是我的脚本代码：

<script>
    database.on('child_added', function (snapshot) {
        var data = {};
        data["FirstName"] = snapshot.val().FirstName;
        data["LastName"] = snapshot.val().LastName;
        data["Number"] = snapshot.val().Number;

        $.ajax({
          type: "GET",
          contentType: "application/json",
          url:"my-localhost/application/print",
          data: JSON.stringify(data),
          dataType: 'json',
          cache: false,
          success: function(){
            console.log("Successfully sent payload")
          },
          error: function(e){
            console.log("Error": , e)
          }
        });
</script>

这里是我的控制器。我不知道如何更改它以及如何更改它以及如何将响应发送回脚本：

@RestController
@RequestMapping("/application")
public class AppController
{
    @GetMapping("/print")
    public void print()
    {
        System.out.println("Hello World");
    }
}

Answer 1

我无法弄清楚如何对我的控制器进行编码以处理 AJAX，以及请求应该是 POST 还是 GET？

您的服务方法被注释为@GetMapping("/print")，所以它应该是GET 请求。我建议多阅读一些关于各种 HTTP 方法的内容，然后决定哪一种最适合您。

这里是我的控制器。我不知道如何更改它以及如何更改它以及如何将响应发送回脚本。

您应该返回封装了要发送回消费者的数据的对象。

Answer 2

只需三个步骤

1. 创建 DTO 对象（属性名称必须与您的 JSON 对象名称一致）
2. 用户 @RequestBody 在您的方法中
3. 使用 @ReponseBody 并简单地返回对象。

示例： 考虑一下您想要发送一些用户信息，做一些业务并将该用户返回到 javascript (UI)。

• 为用户创建 DTO 类

    @JsonInclude(JsonInclude.Include.NON_NULL)
    @JsonIgnoreProperties(ignoreUnknown = true)
    public class UserDto {

    private Long id;
    private String name;
    private String family;
    private String password;
    private String username;
    private String nationalId;
    private String email;
    //Getters and Setters
    }

• 把 @RequestBody 和 User 类作为控制器的输入 方法。

• 只返回用户对象。

 @RestController
 @RequestMapping("/application")
 public class AppController {

    //Changed to @PostMapping
    @PostMapping("/print")
    public User print(@RequestBody User user) {

        //Do whatever you want to user
        System.out.println("Hello World" + user.getUsername());
        return user;

    }
 }

一些注意事项

• @RequestBody，用作将发送的 JSON 转换为 java 类的转换器（Convert user JSON to User.class）

• @ResponseBody，是@RequestBody的逆，它将java类转换为JSON（将User.class转换为用户JSON）

• 当您向服务器发送数据时，最好使用 POST 而不是 GET。 GET OF POST

• DTO 对象属性名称（family、id、...）必须与您的 JSON 属性名称。否则，您必须使用@JsonProperty。 Further information about JsonProperty

• 当你使用 @RestController 时，你不需要使用 @ResponseBody 因为它在@RestContoller 的正文中