在Blazor客户端中进行GET请求可以使用HttpClient类来发送请求。以下是一个示例代码:
@page "/fetchdata"
@inject HttpClient Http
Weather forecast
This component demonstrates fetching data from the server.
@if (forecasts == null)
{
Loading...
}
else
{
Date
Summary
Temperature (C)
Temperature (F)
@foreach (var forecast in forecasts)
{
@forecast.Date.ToShortDateString()
@forecast.Summary
@forecast.TemperatureC
@forecast.TemperatureF
}
}
@code {
private WeatherForecast[] forecasts;
protected override async Task OnInitializedAsync()
{
forecasts = await Http.GetFromJsonAsync("sample-data/weather.json");
}
public class WeatherForecast
{
public DateTime Date { get; set; }
public int TemperatureC { get; set; }
public string Summary { get; set; }
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
}
}
上述代码中,我们使用HttpClient
类来发送GET请求,并使用GetFromJsonAsync
方法从服务器获取JSON数据并将其转换为WeatherForecast
对象数组。在页面上,我们使用foreach
循环遍历forecasts
数组,并显示每个天气预报的日期、摘要和温度。
下一篇:Blazor客户端断点