下一页等待ajax完成

Question

仅在Chrome上发生。在Firefox中，一切正常

我使用了以下代码：

    jQuery.ajax({
        url: "/commonhelper/home/productscarousels",
        type: "POST",
        success: function (res) {
            jQuery(".prodCarousels").removeClass("loading-parent").html(res);
            jQuery( "form[data-role='tocart-form']" ).catalogAddToCart();
        }
    });

当我进入页面并正在加载并且ajax位于中间时，我单击页面上的任何链接。在从所发送的ajax接收响应之前，该页面将不会继续前进。

通过ajax documentation“执行异步HTTP（Ajax）请求。”。那么为什么页面在下一页之前等待ajax得到响应？

任何帮助将不胜感激。