استفاده از دستورات جاوااسکریپت در Blazor توسط سرویس IJsRuntime

در بلیزر به صورت پیش فرض ما نمیتونیم از دستورات JavaScript در Razor Page ها استفاده کنیم. چون همونطوری که می دونید کدنویسی سمت کلایت در بلیزر توسط کد اسمبلی انجام میشه. اما با استفاده از کتابخانه IJsRunTime میتونیم این قابلیت رو فعال کنیم. به عنوان مثال فرض کنیم میخواهید از دستور زیر که یک دستور جاوا اسکریپتی هست در Razor Page خودتون استفاده کنید.

console.write('Hello');

خب دستور بالا یک دستور مربوط به جاوا اسکریپت هست و به صورت پیش فرض در Blazor غیر قابل استفاده هست. اما شما میتونید به روش زیر از دستورات جاوا اسکریپت استفاده کنید.

@inject IJSRuntime jsruntime
@page "/page"

<h3>page</h3>

@code {
    protected override async Task OnInitializedAsync()
    {
        await jsruntime.InvokeAsync<string>("console.log", "Hello");
    }
}

در مثال بالا با استفاده از این کتابخانه دستور console.log که یکی از دستورات جاوا اسکریپت می باشد رو اجرا کردیم.