JSONP 完全攻略包含跨浏览器的错误检测.docxVIP

JSONP错误检测 IE 系列的浏览器 无论script是否加载成功，都有script.readystate都有 loaded 和loading两个状态，因此可以把错误的回调事件放在 onloaded里面，检测是否后台输出的函数修改了某些标志，如果修改了说明加载成功，如果没修改，调用error回调事件 对于chrome和ff，只有onload和onerror，并且如果加载失败，onload事件不会触发，但是onerror事件会触发，那么吧error回调事件放在onerror里面 下面是封装好的JSOP代码 getScript是底层函数，getJSONP会调用它 getScript: function(url,callback,scriptId){//script脚本延迟载入工具 var script = document.createElement(script); script.type = text/javascript; if(scriptId != undefined typeof scriptId == string ) { script.setAttribute(id,scriptId ); } //module.registerModule(moduleName,module,path,scriptId); var onloadfn = callback;//回调函数 if(script.readyState){ //for IE script.onreadystatechange = function(){ if(script.readyState == loaded || script.readyState == complete) { script.onreadystatechange = null; if(onloadfn) onloadfn(); } }; } else {//other browser script.onload = function(event){ script.onload = null; if(onloadfn !onloadfn.isJSONPLoadedCallback ) {//如果回调函数存在，并且不是JSONP的回调函数 onloadfn(); } }; script.onerror = function(){ script.onerror = null; //alert(触发了script的onerror事件); if(onloadfn) onloadfn(); }; } script.src = url; document.body.appendChild(script); }, getJSONP: function(obj){ //跨域通信，script标签方式，兼容IE和FF\CHROME st.utils.typeCheck(obj,object); var url = obj.url, dataObj = obj.data, success = obj.success || st.noop, error = obj.error || st.noop ; var defCallfn = obj.callbackName; if(url.indexOf(?) -1) { url += ; }else { url += ?; } url += st.utils.resolveJSON(dataObj); var scriptId = st.utils.getGUID() +-+ new Date().getTime(); st.JSONPCallback = function(dataGot){//默认服务器端打印的回调函数 document.getElementById(scriptId).setAttribute(guid,scriptId);//设置guid属性 success(dataGot);//获取服务器返回的数据JSON }; if(typeof _config.JSONPCallbackName == string) { //window[config.JSONPCallbackName] = st.JSONPCa