Blazor 是一个基于 WebAssembly 技术的 C#/Razor 前端框架,它可以直接在浏览器中运行 C# 代码,通过与 .NET Core 后端交互来实现完整的 web 应用程序。而 Node.js 则是一个基于 JavaScript 的后端框架,可以用来构建高效的 web 服务器和 API 服务。
在 Blazor 中,我们可以通过 HTTP 请求来与 Node.js 后端进行交互。下面是一个简单的示例,展示了如何使用 Blazor 发送 GET 请求获取 Node.js 后端返回的数据:
@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("https://localhost:5001/weatherforecast");
}
public class WeatherForecast
{
public DateTime date { get; set; }
public int temperatureC { get; set; }
public int temperatureF { get; set; }
public string summary { get; set; }
}
}
这里的 http 是一个注入的 HttpClient 实例,通过 GetFromJsonAsync 方法来发送 GET 请求获取数据。