JS 调用 C# .NET 方法教程

javaScript无法直接调用C#方法，需通过http请求（Web API）、服务端渲染（Razor）、Blazor js Interop或旧版Web Forms实现通信。

javascript 无法直接调用 C# .NET 方法，因为 JS 运行在浏览器（前端），而 C# 通常运行在服务器（后端）。要实现“JS 调用 C#”，本质是通过 HTTP 请求与服务器通信，由服务器端的 C# 代码处理逻辑并返回结果。下面分常见场景说明怎么做。

Web API 方式（推荐，.NET 6+）

这是最现代、最清晰的方式：用 ASP.NET Core Web API 暴露 C# 方法为 HTTP 接口，JS 用 fetch 或 axios 调用。

• 在控制器中写一个 [HttpGet] 或 [HttpPost] 方法，比如：

[ApiController] [Route("api/[controller]")] public class CalculatorController : ControllerBase {     [HttpPost("add")]     public IActionResult Add([FromBody] AddRequest request)     {         return Ok(new { result = request.A + request.B });     } } <p>public class AddRequest { public int A { get; set; } public int B { get; set; } }

• JS 中调用：

fetch('/api/calculator/add', {     method: 'POST',     headers: { 'Content-Type': 'application/json' },     body: JSON.Stringify({ A: 5, B: 3 }) }) .then(r => r.json()) .then(data => console.log(data.result)); // 输出 8

ASP.NET Core mvc 视图中混用（传统页面场景）

如果你用的是 Razor 页面或 MVC 视图，C# 代码可在服务端渲染时生成 JS 变量或内联脚本，但不是运行时调用。

• 例如在 .cshtml 中：

@{     var serverTime = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss"); } <script>   const serverTime = '@serverTime'; // 注意单引号包裹，防 XSS 需转义   console.log('Server time:', serverTime); </script>

• 这种只适合初始化数据，不能响应用户点击后动态执行 C# 逻辑。

Blazor Server / WebAssembly（JS ↔ C# 混合更紧密）

Blazor 允许在浏览器中（wasm）或通过 SignalR（Server）直接运行 C#，并提供 JS Interop 机制。

• 在 Blazor 组件中调用 JS：
• await JSRuntime.InvokeVoidAsync("alert", "Hello from C#");
• 在 JS 中调用 C#（需注册方法）：
• C# 端：JSRuntime.InvokeAsync<string>("MyApp.getData", "user123");</string>
• JS 端：window.MyApp = { getData: (id) => DotNet.invokeMethodAsync('MyAssembly', 'GetData', id) };

这种方式真正实现了双向调用，但要求项目基于 Blazor，不是普通 Web 应用。

Moshi Chat

法国AI实验室Kyutai推出的端到端实时多模态AI语音模型，具备听、说、看的能力，不仅可以实时收听，还能进行自然对话。

160

查看详情

旧版 Web Forms（已不推荐）

曾经用 PageMethods 或 UpdatePanel 实现部分回调，但依赖 ScriptManager 和 WebMethod 特性，耦合重、调试难，.NET 6+ 已不再支持 Web Forms 新项目。

• 示例（仅作了解）：
• C# 方法需加 [WebMethod] 和 static
• JS 调用：PageMethods.GetServerTime(onSuccess, onError);

不建议新项目使用。

基本上就这些。核心记住：JS 和 C# 天然隔离，所有“调用”都靠网络请求（API）、服务端渲染（Razor）、或 Blazor 的运行时桥接。选哪种取决于你的项目类型和框架版本。