自定义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);
        }
    });
}