HAO are you~

header的content-type紀錄header body的資料格式，後端API可以依據content-type知道header body內的資料格式，再來解析header body資料，進行Model Binding.

這幾天剛 好有機會把WebAPI ModelBinding的方式整理一下，MVC也是差不多的用法，但還是會有一些差異。

今天會用到[FromRoute], [FromQuery], [FromBody]這三種ModelBinding方式

當我們透過HttpClient要調用API時，Model Binding是一個重要的東西。要給API的參數可以來自URL網址參數，可以以來自網址路由，可以來自表單。

如果是POST的話，資料則是可以放在Body裡面。

這篇文章整理了一些比較常見的傳輸參數的作法。

網頁功能最常用的就是資料間的傳遞，不管事表單資料傳送到後台，或者是輸入查詢資料後，由後端DB回傳資料。這之間都少不了傳輸資料到後台。
在以前MVC的時候，可以透過Razor語法的HTML Helper的BeginForm，在Submit之後，會透過ModelBinding把資料傳到後端Controller。
或是在View直接把整個Form序列化(serilizeArray)後再傳給後端。
現再寫前後分離(Angular + .Net 6 WebAPI)採用WebAPI來開發，剛完成第一個前後分離專案，順便把資料傳送到Controller的方式記錄下來。

表單傳值給Action時，ModelBinding要注意的東西，用不好可是會Binding到天荒地老都還接不到參數阿。

表單Post後，要把表單輸入的值重新填回表單，常用的方式除了透過ViewModel自己做ModelBinding外，其實也可以透過ViewData來進行填值

既然要求快速，那就連描述都省略吧，直接進入重點!

Form表單的資料傳到後端是網頁一個很重要的功能，除了直接使用Form Post. Get外，也可以透過Ajax的方式把前端的資料傳遞到後端。

工作實務中很常遇到這種情境，資料列裡面的Input資料post到Controller的方法。這邊演示一下如何處理處理這種常見的問題。