Java 后端与前端交互代码示例：GET、POST 请求处理

前后端交互的代码通常包含以下几部分：

前端发送请求的代码：前端使用 AJAX 或者 Fetch API 发送请求到后端，请求的方式可以是 GET 或者 POST。例如：

fetch('/api/users')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

后端接收请求的代码：后端使用 Java Web 框架（如 Spring、Spring Boot）接收前端发送的请求，并根据请求的内容进行相应的处理。例如：

@RestController
@RequestMapping("/api")
public class UserController {
    
    @Autowired
    private UserService userService;
    
    @GetMapping("/users")
    public List<User> getUsers() {
        return userService.getUsers();
    }
    
    @PostMapping("/users")
    public User addUser(@RequestBody User user) {
        return userService.addUser(user);
    }
}

后端返回响应的代码：后端根据前端发送的请求，处理完成后返回相应的数据或者状态码。例如：

@RestController
@RequestMapping("/api")
public class UserController {
    
    @Autowired
    private UserService userService;
    
    @GetMapping("/users")
    public List<User> getUsers() {
        return userService.getUsers();
    }
    
    @PostMapping("/users")
    public ResponseEntity<User> addUser(@RequestBody User user) {
        User addedUser = userService.addUser(user);
        return new ResponseEntity<>(addedUser, HttpStatus.CREATED);
    }
}

前端接收响应的代码：前端根据后端返回的响应数据，进行相应的处理。例如：

fetch('/api/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    name: 'Tom',
    age: 20
  })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));