當麻許的超技八

今天接續上一篇 .Net6 關於 Web API 的二三事 – form 直接 POST 到 Web API ，這次來筆記一下有關於怎麼使用 只用 Javascript 呼叫

Web API 。

注意不要忘記在 Program.cs 中加入 ，非常常忘記

1. 第一個範例，透過 Javascript 進行 form submit

HTML Code:

Web API C# Code :

Javascript Code:

其實只是取代透過直接 html 的 sbumit，為何要這樣做呢，因為有時候你必須要在 submit 前做一些驗證，或是加資料後在往後送到 Web API 

2. 第二個案例，自己在前端的一個物件透過 JSON 傳遞到 後段的 Web API，這邊案例我在後端是設計一個 叫做 User 的物件

前端傳遞過來一個 User 的物件，我在 Web API 小改變一些資訊後往前送。

User.cs :

Web API C#  Code :

Javascript Code:

基本上，你會遇到你設計的 物件屬性首字原本大寫，但是輸出會變成小寫，這時候需要再 Program.cs 加入 

中間通訊:

今天先筆記到這邊，之後有啥怕忘記的我會再補上