可以使用HttpClient在Blazor中调用API。以下是一个示例:
在Startup.cs 中添加以下代码:
services.AddHttpClient();
在需要调用API的页面中,注入HttpClient服务并使用GetAsync或PostAsync请求API。下面是一个例子:
@page "/fetchdata"
@inject HttpClient Http
Weather forecast
This component demonstrates fetching data from the server.
@if (forecasts == null)
{
Loading...
}
else
{
Date
Temp. (C)
Temp. (F)
Summary
@foreach (var forecast in forecasts)
{
@forecast.date.ToShortDateString()
@forecast.temperatureC
@forecast.temperatureF
@forecast.summary
}
}
@code {
private WeatherForecast[] forecasts;
protected override async Task OnInitializedAsync()
{
forecasts = await Http.GetFromJsonAsync("sample-data/weather.json");
}
private class WeatherForecast
{
public DateTime date { get; set; }
public int temperatureC { get; set; }
public int temperatureF { get; set; }
public string summary { get; set; }
}
}
此代码在Blazor页面中使用HttpClient服务来调用一个本地JSON文件中的API,通过对于该请求返回的结果,使用forecasts数组在table元素中循环展示数据。