使用jquery同步调用

Question

我可以使用 jQuery AJAX API 进行同步调用吗？

Answer 1

就像奥巴马会说的：是的，你可以！

jQuery .ajax()

在 .ajax() 处理程序中进行设置

async = false

即可解决问题。

Answer 2

虽然 jQuery 可以通过设置synch:false 属性来进行同步 AJAX 调用，但这会导致浏览器挂起，直到 AJAX 完成。使用像 Frame.js 这样的流控制库，您可以在不占用浏览器的情况下进行同步调用：

$.each(ajaxObjects, function(i, ajaxCall){
    Frame(function(next)){ // declare the callback next here

        ajaxCall.complete = function(data){
            // do something with the data
            next(); // go to the next ajax call
        }
        $.ajax(ajaxCall);

    });
}
Frame.init();

这一系列的 AJAX 调用将按顺序进行，每个调用都会等待前一个调用完成，而不会导致浏览器挂起。还有一个额外的好处，即数据以可预测的顺序从 ajax 调用返回，而不是以随机顺序返回的异步调用。