html页面切换较快时,前一个页面事件执行失败

iframe
有很多个表格页面,会初始化查询,查询失败会弹框
图片说明
现在情况是如果快速点击两个页面,就会弹出前一个页面的查询失败弹框
请问如何解决呢?

我先猜测你的情况:
如果是ajax在浏览器后台请求的话,
当返回数据在做页面渲染的时候,js找不到指定的对象或者确实业务请求失败了,导致出错,然后提示跑到了“下个页面”(这里简单称呼为加引号的“页面”,其实还是本页面)。
如果满足猜测场景,你可以在所有的“页面级ajax请求”的时候,携带一个全局请求戳,本请求戳递增,然后返回的时候判断请求戳是否相等,不相等代表不是当前需要请求的页面,就直接什么都不做(这个不做说的是不做提前加载,如果有需要做提前加载的话,那你要改代码的出错提示和容错),那样最新的“页面”就会是最新的页面的提示,不会被其他“页面”干扰

是不是因为页面中id是一样的,js调用了前一个页面

页面添加loading动画(蒙版),初始化的时候等待数据加载(此时无法点击其他tab),加载完后数据缓存起来,loading动画消失,此时可执行切换tab操作,下一次切回点过的tab的时候直接使用缓存数据,不再设置loading;

觉得麻烦的话加个判断字段,判断当前选中tab与点击tab是否相同才对应提示报错