1. 首先，我们需要定义一个模型类来表示我们要从JSON中获取的数据。例如，一个表示人员信息的模型可以如下所示：

public class Person
{
   public int Id { get; set; }
   public string Name { get; set; }
   public int Age { get; set; }
}

2. 接下来，我们需要获取JSON数据。可以使用HttpClient类发送HTTP请求并接收响应，或使用Blazor提供的JsonConvert类进行解析。

@inject HttpClient httpClient
...
protected override async Task OnInitializedAsync()
{
    var response = await httpClient.GetAsync("https://example.com/data.json");
    response.EnsureSuccessStatusCode();
    var jsonString = await response.Content.ReadAsStringAsync();
    var data = JsonConvert.DeserializeObject>(jsonString);
    // 将数据保存到组件中的一个列表中
    persons = data;
}

3. 既然我们已经获取了数据，接下来就可以将其显示在HTML中了。可以使用C#代码来生成动态HTML，或者使用Blazor的绑定语法来绑定数据到HTML元素上。

        @foreach(var person in persons)
        {
            
        }
    

    

        

            
ID
            
Name
            
Age
        
    
    

                
@person.Id
                
@person.Name
                
@person.Age
            

这样，我们就可以成功从JSON中获取数据并将其显示在HTML中了。