如何摆脱 jsonp 跨域调用中的同步调用

Question

我在Jquery JSONP下面得到了两个调用，它用于跨域调用，现在当页面加载时，它会触发这两个调用，问题是现在调用非常快，在快速完成之前，它触发了第二个调用，这为第二次调用提供了解析器错误（airxml：不是一个函数）。

现在，如果我们在调用中有 async：false，下面的代码工作正常，但根据跨域策略，它不支持同步调用。

var oXMLHTTP, i, length, oData, sValue, sDisplay, sName, sMatch, oRegExp;
     var qr = "&jsonpcall=true";
   if (!oDropdown)
        return;
    oXMLHTTP = this.createXMLHttpRequest();
    this.FilterUrl = sFilterUrl;
    if (sFilterUrl != previousFilterUrl)
    {
        var regUrl = sFilterUrl;               
        var regquest = $.ajax({
            url: regUrl+qr,  
            type: "GET",
            async: false,   
            cache: true,                            
            contentType: "application/json; charset=utf-8",
            dataType: "jsonp",
            jsonpCallback: "airport",                 
            success: function(data, textStatus, jqXHR) 
            {                
                if (data.result[0] != '')
                {
                        sFilterData = data.result[0];                   
                }          
            }
            }); 
        previousFilterUrl = sFilterUrl;
    }
    if(!fireRequestOnce ||(fireRequestOnce && retrievedData == null))
    {       
         var regUrl = sXML;  
         var airquest = $.ajax({
            url: regUrl+qr, 
            async: false,                 
            dataType: 'jsonp',
            jsonpCallback: 'airxml',            
            cache: true,
            success: function(data, textStatus, jqXHR) 
            {
                    var xmlDoc = $.parseXML(data.myresult);
                oData = xmlDoc.documentElement.childNodes;
            }
        });
    }

请建议什么是最好的方法，我尝试在成功事件触发后放置变量，然后尝试调用第二个调用，但没有奏效。

Answer 1

当您需要顺序 AJAX 调用

时，请尽量避免async:false或jQuery.ajaxSetup({async:false}); 这些选项的作用是，它将锁定浏览器，直到 AJAX 调用完成。在这种情况下，我更喜欢 gnarf 的 ajaxQueue 插件。

这个插件要做的是，它将对所有传入的AJAX请求进行排队，并一个接一个地处理。使用起来非常简单，如下所示。