Skip to content

Update call-javascript-from-dotnet.md #36289

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Nov 3, 2025
Merged

Update call-javascript-from-dotnet.md #36289

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
3792436
Update call-javascript-from-dotnet.md
sharpist Nov 1, 2025
3cb8b2f
Revise examples and update date in documentation
guardrex Nov 2, 2025
e656b54
Updates
guardrex Nov 3, 2025
7a22056
Updates
guardrex Nov 3, 2025
c686b08
Updates
guardrex Nov 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 11 additions & 5 deletions aspnetcore/blazor/javascript-interoperability/call-javascript-from-dotnet.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: Learn how to invoke JavaScript functions from .NET methods in Blazo
monikerRange: '>= aspnetcore-3.1'
ms.author: wpickett
ms.custom: mvc, sfi-ropc-nochange
ms.date: 4/10/2024
ms.date: 11/02/2025
uid: blazor/js-interop/call-javascript-from-dotnet
---
# Call JavaScript functions from .NET methods in ASP.NET Core Blazor
Expand Down Expand Up @@ -132,7 +132,10 @@ Provide a `displayTickerAlert1` JS function. The function is called with <xref:M

### Component (`.razor`) example (`InvokeVoidAsync`)

`TickerChanged` calls the `handleTickerChanged1` method in the following component.
The following component:

* Invokes the `displayTickerAlert1` JS function with <xref:Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync%2A> with two JSON-serializable parameters, a string in `stockSymbol` and a decimal in `price`, when selecting a button (**`Set Stock`**).
* The JS function receives the two arguments in strictly-typed parameters and displays a modal alert box with a specified message.

:::moniker range=">= aspnetcore-9.0"

Expand Down Expand Up @@ -222,7 +225,7 @@ Provide a `displayTickerAlert1` JS function. The function is called with <xref:M

:::moniker-end

`TickerChanged` calls the `handleTickerChanged1` method in the following component.
`TickerChanged` calls the `displayTickerAlert1` method in the following component.

:::moniker range=">= aspnetcore-9.0"

Expand Down Expand Up @@ -296,7 +299,10 @@ Provide a `displayTickerAlert2` JS function. The following example returns a str

### Component (`.razor`) example (`InvokeAsync`)

`TickerChanged` calls the `handleTickerChanged2` method and displays the returned string in the following component.
The following component:

* Invokes the `displayTickerAlert2` JS function with <xref:Microsoft.JSInterop.JSRuntimeExtensions.InvokeAsync%2A> with two JSON-serializable parameters, a string in `stockSymbol` and a decimal in `price`, when selecting a button (**`Set Stock`**).
* The JS function receives the two arguments in strictly-typed parameters and displays a modal alert box with a specified message.

:::moniker range=">= aspnetcore-9.0"

Expand Down Expand Up @@ -386,7 +392,7 @@ Provide a `displayTickerAlert2` JS function. The following example returns a str

:::moniker-end

`TickerChanged` calls the `handleTickerChanged2` method and displays the returned string in the following component.
`TickerChanged` calls the `displayTickerAlert2` method and displays the returned string in the following component.

:::moniker range=">= aspnetcore-9.0"

Expand Down