Inertia.js异步渲染及删除后跳转导致onSuccess回调失效问题

1. Inertia.js 是否为异步渲染 #

Inertia.js 属于异步客户端渲染的单页应用驱动框架，所有页面跳转、数据请求默认以异步方式发起，不会触发浏览器全页重载，仅由服务端返回JSON格式的页面状态数据，客户端收到后渲染对应组件完成页面更新。

2. 删除请求onSuccess回调不触发的原因 #

这个现象是Inertia的visit生命周期的内置机制导致的：

• 每一次通过Inertia.post等方法发起的请求，都会被Inertia标记为一次独立的「visit」，同一时间只会有一个活跃的visit
• 当你在请求的onStart阶段点击导航栏Link触发新的页面跳转时，Inertia会主动终止上一个未完成的visit，避免旧请求的返回结果污染新页面的状态
• 只有未被中断、完整走完请求响应流程的visit，才会触发对应的onSuccess、onError回调；被取消的visit会直接终止整个流程，不会触发后续的回调函数

这个设计的核心目的是避免状态冲突：如果允许旧页面的请求回调在新页面执行，可能出现旧操作的提示弹窗异常弹出、旧状态更新逻辑尝试操作已销毁的组件等运行时错误。

3. 可选的修复方案 #

• 发起删除请求的onStart阶段，暂时禁用导航栏的交互权限，直到onSuccess/onError回调触发后再恢复，避免用户在请求过程中跳转
• 如果需要跳转后依然展示删除结果提示，可以通过Inertia的共享数据特性，将toast信息注入到跳转后的页面props中，新页面挂载时读取对应信息弹出提示
• 如果删除操作不需要联动Inertia的页面状态更新，可以直接用原生fetch/axios发起异步请求，不通过Inertia的visit机制，请求不会因为页面跳转被取消，回调可正常执行

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