当前位置:我的异常网»  » js学习小结-编写简单的ajax方法库

js学习小结-编写简单的ajax方法库

  网友分享于：2013-08-06  浏览：0次

js学习总结----编写简单的ajax方法库

具体代码如下:

~function(){ ajax(options){ _default = { url:"",//请求的地址 type:"get",//请求的方式 dataType:"json",//设置请求回来的内容格式 async:true,//请求是同步还是异步 data:null,//放在请求主体中的内容（POST） getHead:null,//当READY STATE===2的时候执行的回调方法 success: }; (var key in options){ if(options.hasOwnProperty(key)){ _default[key] = options[key]; } } (_default.type==="get"){ _default.url.indexOf("?") >=0 ? _default.url += "&" : _default.url += "?"; _default.url +="_="+Math.random(); } xhr = createXHR(); xhr.open(_default.type,_default.url,_default.async); xhr.onreadystatechange = function(){ if(/^2\d{2}/.test(xhr.status)){ (xhr.readyState === 2){ if(typeof _default.getHead === "function"){ _default.getHead.call(xhr); } } if(xhr.readyState === 4){ var val = xhr.responseText; (_default.dataType === "json"){ val = "JSON" in window ? JSON.parse(val) : eval("("+val+")"); } _default.success && _default.success.call(xhr,val) } } } xhr.send(_default.data); } window.ajax = ajax; }() ajax({ url:"data.txt", type:"get", dataType:"json", async:false, getHead:function(){ //this xhr当前AJAX对象 }, success:function(data){ } })