jQuery 3.5.1点击事件报HTMLButtonElement.dispatch错误修复方案

问题表现 #

• 基于TMDB接口实现的电影搜索功能，在jQuery 3.3.1依赖环境下所有交互运行正常
• 切换依赖版本为jQuery 3.5.1后，点击搜索按钮时控制台抛出异常，搜索逻辑无响应
• 控制台错误栈包含关键字段：at HTMLButtonElement、at HTMLButtonElement.dispatch (jquery-3.5.1.min.js?_v=ee940c05:2:43090)

涉及核心代码模块 #

• 全局配置：统一管理接口请求地址、静态资源路径等公共参数
• mock_fetch：封装fetch异步请求逻辑，统一处理请求参数、响应格式转换
• getValue：调用请求方法拉取电影搜索结果，处理结果为空时的提示逻辑
• viewPoster：接收搜索返回的电影列表数据，动态渲染电影海报到页面
• init：初始化绑定三类交互事件：输入框回车触发搜索、搜索按钮点击触发搜索、海报选中事件

根因分析 #

该问题并非jQuery 3.5.1版本API变更导致的兼容问题，实际是原有代码存在隐性语法缺陷，在低版本jQuery的事件调度容错机制下未暴露：

mock_fetch函数未声明async关键字，但函数内部直接使用await语法调用异步逻辑，属于非法语法。
jQuery 3.5.1调整了事件调度环节的错误处理逻辑，对回调执行过程中的异常不再做隐式容错，直接抛出到控制台阻断后续逻辑，因此该语法缺陷在版本升级后被触发。

修复方案 #

无需调整任何原有业务逻辑，仅修正异步函数声明即可：

• 为mock_fetch函数补充async修饰符，保证函数内部await语法符合规范
• 修复后所有原有技术实现、业务逻辑完全保留，功能在jQuery 3.5.1环境下恢复正常运行

内容的提问来源于stack exchange，提问作者marilyn