نحوه اجرای دستورات جاوا اسکریپت در بلیزر (Blazor)

پاسخ هوش مصنوعی

برای اجرای دستورات جاوا اسکریپت در Blazor، می توانید از کلاس IJSRuntime استفاده کنید. در زیر یک مثال ساده ارایه شده است که نحوه فراخوانی یک تابع جاوا اسکریپت از یک کامپوننت Blazor را نشان می دهد.

ابتدا یک فایل جاوا اسکریپت (برای مثال script.js) ایجاد کنید و تابعی که می خواهید فراخوانی کنید را در آن بنویسید:

function showAlert(message) {
    alert(message);
}

سپس این فایل جاوا اسکریپت را به پروژه خود اضافه کنید، مثلاً در wwwroot/index.html:

<script src="script.js"></script>

سپس در کامپوننت Blazor خود، IJSRuntime را وارد کرده و تابع جاوا اسکریپت را فراخوانی کنید:

@inject IJSRuntime JSRuntime

فراخوانی جاوا اسکریپت

@code {
    private async Task CallJavaScript()
    {
        await JSRuntime.InvokeVoidAsync("showAlert", "سلام، این یک پیام است!");
    }
}

در واقع دلیل استفاده ما از بلیزر این هست که دیگه نیازی به جاوااسکریپت نداشته باشیم. یعنی Blazor برای حذف جاوااسکریپت به وجود اومده. بنابراین استفاده از جاوااسکریپت در پروژه ای که از نوع بلیزر هست شاید کمی غیر منطقی باشه. شما وقتی یک پروژه با بلیزر ایجاد می کنید حتی کتابخانه JavaScript هم توش نیست دیگه.

بنابراین اگر می خواید از جاوا اسکریپت استفاده کنید ابتدا باید کتابخانه جاوااسکریپت یا جی کوئری رو دانلود و در پروژه خودتون قرار بدید.

لینک زیر به صورت مرحله به مرحله این کار رو آموزش داده.

How to call javascript functions with c# in blazor webAssembly