首页 > 代码库 > 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。