Live Chat Icon For mobile
Live Chat Icon

How do I read a JSON file in Blazor WebAssembly?

Platform: Blazor| Category : Web API, General

Use the HttpClient class with the GetFromJsonAsync() method to read a JSON file in Blazor WebAssembly. Follow these steps to read the JSON file.

Create or load a JSON file under the wwwroot folder. For example, here we have created a simple employee.json file and read its values in a Razor component.


[{"id": "emp1"}, {"id": "emp2"}, {"id": "emp3"}]


@page "/"
@inject HttpClient Http

@if (employees == null)
    @foreach (var employee in employees) 
        <p>Employee ID: @employee.Id</p>

@code {
    private Employee[] employees;

    protected override async Task OnInitializedAsync()
        employees = await Http.GetFromJsonAsync<Employee[]>("employee.json");

    public class Employee
        public string Id { get; set; }

Refer to this documentation for more details.

Share with

Related FAQs

Couldn't find the FAQs you're looking for?

Please submit your question and answer.