ajax form表單提交_前端提交物件給後端：不使用前端技術也可以
阿新 • • 發佈：2021-01-05
技術標籤：ajax form表單提交
不使用Ajax或者vue，前端也可以將物件資料送到後端
1：前端提交欄位資料（可以是from，也可以是get請求，只要能將欄位資料傳送到後端即可）。
2：後端用物件接收資料，在此過程中，框架會自動將請求裡的欄位名與物件裡的欄位名進行匹配並賦值。
3：需要注意的是，前端提交的資料欄位名與後端物件裡的欄位名一定得相同。
例：
form表單
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>form</title> </head> <body> <form action="/test07" method="post"> name:<input type="text" name="name"><br> age:<input type="text" name="age"><br> address:<input type="text" name="address"><br> <input type="submit" value="submmit"> </form> </body> </html>
controller
@RestController public class Test07 { @PostMapping("/test07") public User test(User user){ System.out.println(user); return user; } @GetMapping("/test08/{name}/{age}/{address}") public User test02(User user){ System.out.println(user); return user; } }
結果
