javascript - 停止导航以进行 ajax 调用

Question

我正在编写一个具有一些混合的单页/多页方面的应用程序。

假设菜单是这样的:

关于我们 |博客

关于我们 链接是常规的 <a href="about-us.html">单击时离开当前页面的链接。

Blog 链接是一个 javascript 链接，它进行 AJAX 调用并通过动态写入一些新的 HTML 将当前页面更改为博客。

如果用户单击关于我们 链接然后改变主意并单击博客 链接，我想取消到“about-us.html”的导航.我现在遇到的情况是，有时“关于我们”页面需要一些时间才能加载，而博客会先加载并显示，但由于浏览器已经在请求“关于我们”页面，当该请求 catch 时，页面会发生变化。我该如何解决这个问题？

Answer 1

请在您的 ajax 调用中尝试 window.stop() 。对于 IE，您必须使用 document.execCommand("Stop");