HTTP 同步请求阻止我的 GIF 在 Chrome 和 IE 中移动？

Question

在 Firefox 中，我有一个同步请求发生（它必须是同步的，否则后面的 JS 将无法正确运行），现在在 XMLHttpReq 函数中，它基本上将 DIV 的内容之一更改为一个微小的加载徽标（转动齿轮），以便您可以看到进展...在 FF 中，这可以 100% 异步或同步...Chrome 和 IE 没有这样的运气..？

任何人都可以帮助我或解释为什么吗？我猜这与他们禁用所有其他进程有关，但如果是这样，我怎样才能让它工作或在加载原始 XMLHttpReq 后评估 JS 文件？

Answer 1

有什么理由使用同步 XMLHttpRequest 吗？

同步调用会占用您的浏览器，直到事务完成，这就是建议不要这样做的原因。

您应该考虑对异步调用进行排序。意思是...问题不在于您的异步调用，而在于您它必须同步的原因，否则后面的JS将无法正确运行。在 AJAX 回调中设置一个 completed 变量非常简单，其他有问题的 JS 可以在执行之前检查该变量。

Answer 2

Frame.js 旨在启用同步请求，而无需挂起浏览器。

Frame(function(next){
    startImageRotation();
    next();
});
Frame(function(next){
    $.ajax('someUrl.api', {
        ...
        complete: next
    });
});
Frame(function(next, response){
    // do stuff with ajax response
});

其他评论者的说法是正确的，因为浏览器支持较差，真正的同步 AJAX 请求大多毫无用处。 Frame.js 就是为了解决这个问题而设计的。祝你好运。