How do I call a JavaScript method with parameters in Blazor WebAssembly?

Platform: Blazor| Category : JavaScript Interop, General

You can call a JavaScript function with parameters using JavaScript Interop.

Syntax:

JsRuntime.InvokeVoidAsync("JS method name", "parameters");

To call a JavaScript method with parameters in Blazor WebAssembly, you can follow the code snippet provided below: 

[Index.razor]

@page "/" 
@inject IJSRuntime JsRuntime 

<p>Here's an example of how to call a JavaScript method with parameters in Blazor WebAssembly.</p> 

@code { 
    protected override async void OnInitialized () 
    { 
        string content = "JavaScript function called with parameter"; 
        await JsRuntime.InvokeVoidAsync("jsFunction", content); 
    } 
} 

[index.html]

<body> 
      . . . 
      . . . 

   <script>
        function jsFunction(value) {
            // Parameter value has been passed here.
            console.log(value);
        };
    </script>
</body >

Refer to this documentation for more information. 

View Sample in GitHub

Share with

Related FAQs

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

Please submit your question and answer.