Blazor 怎么在JS完成时获得通知

Blazor中JS完成时通知C#的核心是JS主动回调：用DotNetObjectReference包装C#方法传给JS，JS执行完后调用该引用上的[JSInvokable]方法；或JS返回Promise，C#用InvokeAsync await获取结果。

Blazor 中 JS 完成时获得通知，核心是利用 IJSRuntime.InvokeVoidAsync 调用 JS 函数，并在 JS 里通过 .NET 对象回调（即 JS 传回结果给 C#）。关键不是“等 JS 执行完”，而是“JS 主动通知 C# 完成了”。

用 DotNetObjectReference 从 JS 回调 C# 方法

这是最常用、最可靠的方式。C# 先把一个可被 JS 调用的方法包装成 DotNetObjectReference，再传给 JS；JS 在完成操作后，直接调用这个引用上的方法，触发 C# 端逻辑。

• C# 端：在组件中创建回调方法并生成引用

@inject IJSRuntime JSRuntime
@implements IDisposable

@code {
  private DotNetObjectReference? objRef;

  protected override void OnInitialized() {
    objRef = DotNetObjectReference.Create(this);
    JSRuntime.InvokeVoidAsync("setupJsTask", objRef);
  }

  [JSInvokable]
  public void OnJsFinished(string result) {
    Console.WriteLine($"JS 已完成，返回：{result}");
    StateHasChanged();
  }

  public void Dispose() => objRef?.Dispose();
}

• JS 端：接收引用，执行完后调用它

window.setupJsTask = (dotNetHelper) => {
  // 模拟异步操作（如 fetch、动画、第三方 SDK 初始化）
  setTimeout(() => {
    dotNetHelper.invokeMethodAsync('OnJsFinished', '加载成功');
  }, 1000);
};

用 Promise + InvokeAsync 获取 JS 返回值（适合简单同步/异步结果）

如果 JS 函数本身返回 Promise，C# 可直接 await 它，拿到 resolve 的值。适用于 JS 逻辑明确、不需复杂状态管理的场景。

• JS 端返回 Promise

window.doSomethingAsync = () => {
  return new Promise((resolve) => {
    setTimeout(() => resolve("JS 处理完毕"), 800);
  });
};

• C# 端 await 调用，自动等待完成

var result = await JSRuntime.InvokeAsync("doSomethingAsync");
Console.WriteLine(result); // 输出：JS 处理完毕

注意生命周期和内存泄漏

使用 DotNetObjectReference 时，必须在组件销毁时调用 Dispose()，否则 JS 会持有对 .NET 对象的强引用，导致内存泄漏。

• 务必实现 IDisposable 并释放 objRef
• 避免在 JS 中长期缓存 DotNetObjectReference（比如挂到 window 上）
• 若 JS 需多次回调，确保 C# 方法是线程安全的（Blazor Server 下可能跨 SignalR 连接）

基本上就这些。核心就两条路：JS 主动回调（推荐用于复杂流程），或 C# await JS Promise（适合轻量交互）。选哪个取决于你的 JS 逻辑是否可控、是否需要中间状态、以及是否要复用回调。

# js  # ai  # win  # c#  # .net  # String  # void  # public  # private  # protected  # 线程  # var 

相关文章： 如何通过FTP服务器快速搭建网站？  Android使用GridView实现日历的简单功能  宿州网站制作公司兴策,安徽省低保查询网站？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  建站之星如何取消后台验证码生成？  如何在阿里云完成域名注册与建站？  建站VPS选购需注意哪些关键参数？  如何高效利用亚马逊云主机搭建企业网站？  小型网站制作HTML,*游戏网站怎么搭建？  如何快速打造个性化非模板自助建站？  如何通过WDCP绑定主域名及创建子域名站点？  红河网站制作公司,红河事业单位身份证如何上传？  如何快速辨别茅台真假？关键步骤解析  教学网站制作软件,学习*后期制作的网站有哪些？  定制建站如何定义？其核心优势是什么？  建站10G流量真的够用吗？如何应对访问高峰？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  如何通过VPS建站实现广告与增值服务盈利？  c# Task.ConfigureAwait(true) 在什么场景下是必须的  建站主机类型有哪些？如何正确选型  如何选择服务器才能高效搭建专属网站？  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  网站制作公司排行榜,四大门户网站排名？  学校建站服务器如何选型才能满足性能需求？  建站之星备案流程有哪些注意事项？  内部网站制作流程,如何建立公司内部网站？  如何将凡科建站内容保存为本地文件？  javascript基本数据类型及类型检测常用方法小结  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  长沙企业网站制作哪家好,长沙水业集团官方网站？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  如何通过云梦建站系统实现SEO快速优化？  如何在阿里云高效完成企业建站全流程？  如何选择可靠的免备案建站服务器？  C++如何使用std::optional？（处理可选值）  如何配置支付宝与微信支付功能？  javascript中的try catch异常捕获机制用法分析  如何用花生壳三步快速搭建专属网站？  上海网站制作开发公司,上海买房比较好的网站有哪些？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  外贸公司网站制作哪家好,maersk船公司官网？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  广州美橙建站如何快速搭建多端合一网站？  建站主机数据库如何配置才能提升网站性能？  如何在Tomcat中配置并部署网站项目？  营销式网站制作方案,销售哪个网站招聘效果最好？  c++ stringstream用法详解_c++字符串与数字转换利器  如何通过免费商城建站系统源码自定义网站主题与功能？  如何规划企业建站流程的关键步骤？