[C#] .Net6 關於 Web API 的二三事 – 透過 Javascript 呼叫

2022-10-07


今天接續上一篇 .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 加入 




中間通訊:



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


當麻許的超技八 2014 | Donma Hsu Design.