做一個小項目需要C# 做后臺,ionic 做前端,Ionic 里面用Angular 的框架
現在介紹Angular 的Http 傳參梢褐,和C# Api的建立。陨界。。
Angular 因為POST方法還沒有研究痛阻,所以沒寫菌瘪。下面只寫Get傳參
要進行Http 請求,就必須先在app.module.ts中加上HttpClientModule?加上HttpClientModule后阱当。
在用到http請求的ts中俏扩,導入HttpClient. (import { HttpClient } from "@angular/common/http";) ,然后在構造方法里加上HttpClient
好了,這時候我們可以使用Http請求了斗这。我們先創(chuàng)建一個Get請求动猬。
this.Http.get(url, {param:data).subscribe(res => {...........需要做的事情})
; 來說一下這個請求表箭。this.Http:就是你構造方法里寫的Http:HttpClient 赁咙。get: get方法。 url: 請求的地址免钻。{param:data}: data就是你要傳的參數彼水。當然,你也可以這樣极舔。{param:{user:"user", password: "password"}} 這樣就傳兩個參數進去凤覆。res: 就是返回的數據。拆魏。
下面說C# 的API盯桦。C#的API默認是通過請求的方式確定的慈俯,如:GET.POST.DELECT.PUT。拥峦。贴膘。。
但是我不想用這種略号,所以我自己去定義API刑峡。。name:API的名字玄柠。routeTemplate:API的模板突梦,其中{controller} 是控制器名,{action} 是方法名羽利。OK宫患,現在,我在LoginController的控制器上建一個test(string:name)的方法
其中这弧,[HttpGet]是請求的方法撮奏,GET請求就寫[HttpGet]..
然后,我們在Angular的http請求上設定這個請求的方式当宴,請求的地址和參數。泽疆。
?這里控制器直接寫Login就可以了户矢,他會自己加Controller的。然后傳一個名為name的參數“name”,
方法定義的參數和傳過去的參數名必須一樣殉疼,就是然后就沒什么了...歡迎支持