Javascript 若在ajax调用完成之前切换选项卡，则会影响其他选项卡。我如何预防？

我有4个不同的选项卡，每次打开它们时，每个选项卡都会发出ajax请求。 但如果我单击其中一个，并且它的ajax请求未完成，则新打开的选项卡会受到旧ajax请求的影响

• 其中一个已打开（假设第一个）

• 在返回ajax请求之前，我单击第二个选项卡

• 第二个选项卡进行ajax调用

---

• 第一个选项卡的ajax调用完成了，它更改了第一个选项卡的html内容，我在ajax调用完成后打开了选项卡内容。因此，即使我在第二个选项卡上，由于第一个选项卡的ajax调用完成得很晚，它也会打开第一个部分。 我怎样才能防止呢？我希望旧选项卡的ajax调用显示、中止、不生效等

---

我尝试使用布尔值添加条件，但对我无效。

您可以侦听已激活的

事件，丢弃旧的
XMLHttpRequest
对象并创建一个新对象

如果不了解如何实现AJAX调用，就很难讨论细节


可能重复：第二个选项卡上的“第一个的ajax调用已完成，它完成了任务”？它应该只做第一个标签上的事情。这是哪个浏览器？可能他说的是tab元素
div
s？没有代码，很难判断你的问题是重复的。请看这里回答的解决方案，我已经更新了问题@Rup，它是chrome