JSONP不支持��@环调�?转CNBLOGS)

Thu, 14 Apr 2016 02:52:00 GMT

问题描述

　　在jquery或zepto下，循环调用同一个jsonp

 for(var i = 0;i<5;i++){
        $.ajax({
            url:'https://m.suning.com/authStatus?callback=checkLogin1&_=1430100870770',
            dataType:'jsonp',
            jsonpCallback:'checkLogin1',
            success:function(data){
                console.info('success');
            },
            error:function(xhr,e){
                console.error(e);
            }
        });
    }

　　�l�果

　　有些成功有些��p�|了？�q�是��Z��Q?/p>

问题解释

　　观察jsonp的源�?/p>

 /**
     * jsonp��h��
     * @param options
     * @param deferred
     * @returns {*}
*/     $.ajaxJSONP = function(options, deferred){
//未设�|�type�Q�就�?    ajax     让参数初始化.
//如直接调用ajaxJSONP�Q�type未设�|?/span>         if (!('type' in options)) return $.ajax(options)
var _callbackName = options.jsonpCallback,     //回调函数�?/span>             callbackName = ($.isFunction(_callbackName) ?                 _callbackName() : _callbackName) || ('jsonp' + (++jsonpID)), //没有回调�Q�赋默认回调             script = document.createElement('script'),
            originalCallback = window[callbackName], //回调函数             responseData,
//中断��h���Q�抛出error事�g
//�q�里不一定能中断script的加载，但在下面��L��回调函数的执�?/span>             abort = function(errorType) {
                $(script).triggerHandler('error', errorType || 'abort')
            },
            xhr = { abort: abort }, abortTimeout
//xhr为只读deferred         if (deferred) deferred.promise(xhr)
//监听加蝲完，加蝲出错事�g         $(script).on('load error', function(e, errorType){
//清除���时讄���timeout             clearTimeout(abortTimeout)
//删除加蝲用的script。因为已加蝲完了             $(script).off().remove()
//错误调用error             if (e.type == 'error' || !responseData) {
                ajaxError(null, errorType || 'error', xhr, options, deferred)
            } else {
//成功调用success                 ajaxSuccess(responseData[0], xhr, options, deferred)
            }
//回调函数             window[callbackName] = originalCallback
if (responseData && $.isFunction(originalCallback))
                originalCallback(responseData[0])
//清空闭包引用的变量��|��不清�I�，需闭包释放�Q�父函数才能释放。清�I�，父函数可以直接释�?/span>             originalCallback = responseData = undefined
        })
if (ajaxBeforeSend(xhr, options) === false) {
            abort('abort')
return xhr
        }
//回调函数讄����Q�给后台执行         window[callbackName] = function(){
/*  console.info('callbackName arguments ');
            console.info(arguments[0]);*/             responseData = arguments
/*console.info('responseData ');
            console.info(responseData);*/         }         //回调函数�q�加到请求地址         script.src = options.url.replace(/\?(.+)=\?/, '?$1=' + callbackName)
        document.head.appendChild(script)
//���时处理�Q�通过setTimeout延时处理         if (options.timeout > 0) abortTimeout = setTimeout(function(){
            abort('timeout')
        }, options.timeout)
return xhr
    }

　　问题出在多线�E�处理�?nbsp;当第一个jsonp刚执行完callback�Q�赋了值时�Q�此�Ӟ��script的load事�g�q�未触发。第二个JSONP开始初始化。然后第一个script的load开始执行，但它的数据已被清掉了

�W�一个jsonp刚执行完callback�Q�响应数据赋�l�了 responseData

//回调函数讄����Q�给后台执行         window[callbackName] = function(){
/*  console.info('callbackName arguments ');
            console.info(arguments[0]);*/             responseData = arguments
/*console.info('responseData ');
            console.info(responseData);*/         }

�W�二个JSONP开始初始化。没�?nbsp; responseData又被赋�ؓ(f��)undefine�Q�！�Q?/p>

�W�一个script的load开始执行，responseData�q�时判断�l�对为undefined�Q��ؓ(f��)毛？因�ؓ(f��)�q�是闭包�Q�引用最后一个responseData的倹{��只能进入error了�?/p>

问题修复

　　�{�略�Q?nbsp;

　　1�Q?修改jsonp源码。在执行callback�Ӟ��responseData�Q�传入监听函数。诸如function(data){ return function( ...onload... }(responseData)�Q�这个太�ȝ��Q�而且�q�得注意开源协议�?/p>

　　2�Q�规避jsonp的响应。改成这样一�U�写法。原理是�Q�只用jsonp发请求，然后后台执行window.callback�?/p>

window.checkLogin1 = function(data){
        console.info('checkLogin1 success');
        console.info(data);
    }
for(var i = 0;i<5;i++){
        $.ajax({
            url:'https://m.suning.com/authStatus?callback=checkLogin1&_=1430100870770',
            dataType:'jsonp'         });     }

　　切记不能�?jsonpCallback�Q?#8216;checkLogin1’.原因是，jsonp�?x��)重写window[checkLogin1].�W�二�ơ请求将找不到�?/p>

//回调函数讄����Q�给后台执行         window[callbackName] = function(){
/*  console.info('callbackName arguments ');
            console.info(arguments[0]);*/             responseData = arguments
/*console.info('responseData ');
            console.info(responseData);*/         }

孤飞�?/a> 2016-04-14 10:52 发表评论

亚洲a在线视频视频,亚洲精品午夜国产VA久久成人,亚洲最大AV网站在线观看

JSONP不支持��@环调�?转CNBLOGS)