Springboot中前端向后端传递数据的几种方式

<form action="/submitForm" method="POST">
    <input type="text" name="username" />
    <input type="password" name="password" />
    <button type="submit">提交</button>
</form>

@RestController
public class FormController {
    @PostMapping("/submitForm")
    public String handleFormSubmission(@RequestParam String username, @RequestParam String password) {
        return "用户名: " + username + ", 密码: " + password;
    }
}

public class User {
    private String username;
    private String password;
    // getters and setters
}
@RestController
public class FormController {
    @PostMapping("/submitForm")
    public String handleFormSubmission(@ModelAttribute User user) {
        return "用户名: " + user.getUsername() + ", 密码: " + user.getPassword();
    }
}

<a href="/search?query=SpringBoot&limit=10" rel="external nofollow" >搜索</a>

@RestController
public class SearchController {
    @GetMapping("/search")
    public String search(@RequestParam String query, @RequestParam int limit) {
        return "搜索内容: " + query + ", 限制条数: " + limit;
    }
}

fetch('/saveUser', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        username: 'john_doe',
        password: '123456'
    })
})
.then(response => response.json())
.then(data => console.log(data));

public class User {
    private String username;
    private String password;
    // getters and setters
}
@RestController
public class UserController {
    @PostMapping("/saveUser")
    public String saveUser(@RequestBody User user) {
        return "保存用户: " + user.getUsername() + ", 密码: " + user.getPassword();
    }
}

<form action="/upload" method="POST" enctype="multipart/form-data">
    <input type="file" name="file" />
    <button type="submit">上传文件</button>
</form>

import org.springframework.web.multipart.MultipartFile;
@RestController
public class FileUploadController {
    @PostMapping("/upload")
    public String uploadFile(@RequestParam MultipartFile file) {
        String fileName = file.getOriginalFilename();
        return "上传文件名: " + fileName;
    }
}

<a href="/user/john_doe" rel="external nofollow" >查看用户</a>

@RestController
public class UserController {
    @GetMapping("/user/{username}")
    public String getUser(@PathVariable String username) {
        return "用户: " + username;
    }
}

fetch('/api/user', {
    method: 'GET',
    headers: {
        'Authorization': 'Bearer your-token'
    }
})
.then(response => response.json())
.then(data => console.log(data));

@RestController
public class ApiController {
    @GetMapping("/api/user")
    public String getUser(@RequestHeader("Authorization") String authorization) {
        return "Authorization Header: " + authorization;
    }
}

fetch('/api/user', {
    method: 'GET',
    credentials: 'include'  // 允许带 Cookie
})
.then(response => response.json())
.then(data => console.log(data));

@RestController
public class ApiController {
    @GetMapping("/api/user")
    public String getUser(@CookieValue("user_id") String userId) {
        return "用户ID: " + userId;
    }
}