首页 > 代码库 > javascript ajax 简易的封装

javascript ajax 简易的封装

 1 function ajax(obj){ 2         var xhr = (function (){//获取xhr对象,为了兼容ie6所以进行了重新封装 3     if(typeof XMLHttpRequest !=‘undefined‘) { 4         return new XMLHttpRequest(); 5     }else if(typeof ActiveXObject !=‘undefined‘) { 6         var version = [ 7             ‘MSXML2.XMLHttp6.0‘, 8             ‘MSXML2.XMLHttp3.0‘, 9             ‘MSXML2.XMLHttp‘10         ]11         for(var i in version) {12             try{13                 return new ActiveXObject(version[i]);14                 break;15             }catch(e){16             //捕获错误进行然后跳出继续循环    17             }18         }    19     }else{20         throw new Error("您的系统或浏览器不支持XHR对象!");21     }22 })();//获取xhr对象23         //默认true开启异步(异步和同步的主要区别是异步在请求的时候后面的脚本可以继续运行,同步的话必须运行完ajax然后才能运行其后面的脚本)24         if(obj.async === true) {25             xhr.onreadystatechange = function() {26                 if(xhr.readyState ==4) {27                     callback(xhr.responseText);28                 }    29             }30         }31         32     var arr=[] ;33     for(var i in obj.data) {arr.push(encodeURIComponent(i)+‘=‘+encodeURIComponent(obj.data[i]));}34     obj.data = http://www.mamicode.com/arr.join(‘&‘);    //这一步要注意一下,不管是get/post 方式提交都必须要对传进来的obj.data进行格式化 最后转化成的格式name=zhang&age=26&wedding=no35     if(obj.method === ‘get‘) {//通过get方式请求的36             obj.url = obj.url.indexOf(‘?‘) ==-1 ? obj.url+‘?rand=‘+Math.random()+‘&‘+obj.data : obj.url+‘rand=‘+Math.random()+‘&‘+obj.data;37             xhr.open(obj.method,obj.url,obj.async);38             xhr.send(null);39     }40         41     if(obj.method === ‘post‘) {//通过post方式请求的42             obj.url =obj.url+‘?rand=‘+Math.random();43             xhr.open(obj.method,obj.url,obj.async);44             xhr.setRequestHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded‘);//这是对请求头部的类型重设,post的请求必须要重设;45             xhr.send(obj.data);46     }47     48     //false开启同步49     if(obj.async === false) {callback(xhr.responseText);}50         51     function callback (returnTxt) {52             if(xhr.status == 200){53                 obj.success(returnTxt);54             }else {55             alert(‘获取数据错误!错误代号:‘ + xhr.status + ‘,错误信息:‘ + xhr.statusText);56         }57     }58         59     }60