如何在jsonp crossdomain调用中摆脱同步调用

时间:2012-05-24 06:12:18

标签: jquery cross-domain jsonp synchronous

我在Jquery JSONP下面有两个调用,它用于跨域调用,现在当页面加载它时会触发这两个调用,现在问题是调用非常快,在快速完成之前它会触发第二个调用并且这为第二次调用提供了解析器错误(airxml:不是函数)。

现在,如果我们在调用中遇到异步: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;
            }
        });
    }

请建议什么是最好的方法,我尝试在成功事件触发后输入变量,然后尝试拨打第二个电话,但它没有用。

1 个答案:

答案 0 :(得分:0)

当您需要顺序AJAX调用时,尽量避免async:falsejQuery.ajaxSetup({async:false});这些选项的作用是什么,它将锁定浏览器,直到AJAX调用完成。在这种情况下,我更喜欢ajaxQueuegnarf插件。

这个插件将做的是,它将对所有传入的AJAX请求进行排队,并逐个处理。使用起来非常简单here