自定义ajax

 // 动态添加script获取里面的数据，，可实现跨域，不跨的当然也可以

 getFile:function(params){
     try{
     //创建script标签
     var cbName=params.callback;  //需要回调的函数
     var head=document.getElementsByTagName('head')[0]; // 获取head标签
     var script=document.createElement('script');  // 创建script标签
     head.appendChild(script);  // head中添加script标签
     window.onload() = function(e){
                 head.removeChild(scriptTag);  // 获得数据移除添加的script标签
                     if (e.type == 'error' || !responseData) {
                         // 返回错误信息或没有获取到信息
                         params.error&&params.error(e)
                     }else{
                         window[cbName]=null; // 清除回调
                         params.success&&params.success(responseData); // 回调success函数
                     }
     }
     window[cbName]=function(json){
         responseData = json
     };
     params.url=params.url+"?callback="+cbName;   // url中添加回调函数
     script.src=params.url; // 给script标签添加url属性
     }catch(e){
                 // 返回错误信息
                 params.error&&params.error(e)
             }
 }

 // 页面加载完后去获得city函数传入的数据
  getFile({
     url:"//***/city.json", //json文件、js文件、html都可以
     callback:"city", // 跨域文件里调用的函数名
     success:function(data){
         console.log(data.name) // sunnie   date得到的是一个对象
     },error:function(e){
 console.log(e)
 }
 })

 city.json文件里的数据
     city( {"name":"sunnie"} )                    

 (function(){
     var Ajax=function(params){
         this.config={
             url:"",
             type:"get",
             async:true,
             dataType:"json",
             contentType:"application/x-www-form-urlencoded; charset=UTF-8",
             data:{}
         };
         this.start(params);
     };
     var xhr = null;
     Ajax.init=function(params){
         new Ajax(params);
     };
     Ajax.prototype={
         constructor: Ajax,
         createXHR:function(){
             if(typeof XMLHttpRequest!='undefined'){
                 return new XMLHttpRequest();
             }else if(typeof ActiveXObject!='undefined'){
                 if(typeof arguments.callee.activeXString!='string'){
                     var versions=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"],i,len;
                     for(i=0,len=versions.length;i<len;i++){
                         try{
                             new ActiveXObject(versions[i]);
                             arguments.callee.activeXString=versions[i];
                             break;
                         }catch(ex){

                         }
                     }
                 }
                 return new ActiveXObject(arguments.callee.activeXString);
             }else{
                 throw new Error("No XHR object available.");
             }
         },
         start:function(params){
             xhr=new this.createXHR();
             if(params.url){
                 this.config.url=params.url;
             }else{
                 throw new Error("url cannot be null!");
             }
             if(params.type){
                 this.config.type=params.type;
             }
             if(params.async){
                 this.config.async=params.async;
             }
             if(params.dataType){
                 this.config.dataType=params.dataType;
             }
             if(params.data){
                 this.config.data=params.data;
             }
             if(params.success){
                 this.config.success=params.success;
             }
             if(params.fail){
                 this.config.fail=params.fail;
             }
             if(params.beforeSend){
                 params.beforeSend();
             }

             var complete=function(){
                 if(xhr.readyState==4){
                         if((xhr.status>=200&&xhr.status<300)||xhr.status==304){
                             if(params.success){
                                 params.success(xhr.responseText);
                             }
                         }else{
                             if(params.fail){
                                 params.fail();
                             }else{
                                 throw new Error("Request was unsucessful:"+xhr.status);
                             }
                         }
                 }
             }

             if(this.config.dataType=="json"||this.config.dataType=="JSON"){//非跨域
                 if((this.config.type=="GET")||(this.config.type=="get")){
                     for(var item in this.config.data){
                         this.config.url=addURLParam(this.config.url,item,this.config.data[item]);
                     }
                     xhr.onreadystatechange=complete;
                     xhr.open(this.config.type,this.config.url,this.config.async);
                     xhr.send(null);
                 }
                 if(this.config.type=="POST"||this.config.type=="post"){
                     xhr.addEventListener('readystatechange',complete);
                     xhr.open(this.config.type,this.config.url,this.config.async);
                     if(params.contentType){
                         this.config.contentType=params.contentType;
                     }
                     xhr.setRequestHeader("Content-Type",this.config.contentType);
                     xhr.send(serialize(this.config.data));
                 }
             }else if((this.config.dataType=="jsonp")||(this.config.dataType=="JSONP")){//跨域
                 if((this.config.type=="GET")||(this.config.type=="get")){//jsonp只能进行get请求跨域
                     if(!params.url||!params.callback){
                         throw new Error("params is illegal!");
                     }else{
                         this.config.callback=params.callback;
                     }
                     //创建script标签
                     var cbName='callback';
                     var head=document.getElementsByTagName('head')[0];
                     this.config[this.config.callback]=cbName;
                     var scriptTag=document.createElement('script');
                     head.appendChild(scriptTag);

                     //创建jsonp的回调函数
                     window[cbName]=function(json){
                         head.removeChild(scriptTag);
                         clearTimeout(scriptTag.timer);
                         window[cbName]=null;
                         params.success&&params.success(json);
                     };
                     //超时处理
                     if(params.time){
                         scriptTag.timer=setTimeout(function(){
                             head.removeChild(scriptTag);
                             params.fail&&params.fail({message:"over time"});
                             window[cbName]=null;
                         },params.time);
                     }
                     this.config.url=this.config.url+"?callback="+cbName;
                     for(var item in this.config.data){
                         this.config.url=addURLParam(this.config.url,item,this.config.data[item]);
                     }
                     scriptTag.src=this.config.url;
                 }
             }else{
                 throw new Error("dataType is error!");
             }
         }
     }
     function addURLParam(url,name,value){
         url+=(url.indexOf("?")==-1 ? "?" : "&");
         url+=encodeURIComponent(name)+"="+encodeURIComponent(value);
         return url;
     }
     //序列化函数
     function serialize(data){
         var val="";
         var str="";
         for(var item in data){
             str=item+"="+data[item];
             val+=str+'&';
         }
         return val.slice(0,val.length-1);
     }
     window["Ajax"]=Ajax;
 })();

 window.onload=function(){
         Ajax.init({
         url:"http://localhost:8080/AjaxCROSTest/data.json",
         type:"get",
         dataType:"jsonp",
         data:{"help":"me","to":"die"},
         callback:"callback",
             time:"1000",
         beforeSend:function(){
             //...
         },
         success:function(data){
             //...
         },
         fail:function(ex){
             console.log(ex);
         }
     });
 }