模拟jQuery简单封装ajax

 /*模拟jQuery的写法 (简单写法)*/
 var $={};
 /*ajax*/
 $.ajax = function (options) {
     /*
     * 请求
     * 1.请求接口    type    get post 默认的是get 决定是否设置请求头
     * 2.接口地址    url     不确定 字符串 如果用户没有传  默认的接口地址为当前路径
     * 3.是否是异步  async    默认的就是异步 true;false 是同步请求
     * 4.提交数据    data    默认的是对象 {name:'XXX',age:'19'} 默认是{}
     *
     * 响应
     * 1.成功回调函数 success 代表的是一个函数 用来处理成功之后的业务逻辑的函数
     * 1.1 字符串 xml json格式的字符串 数据转换
     * 2.失败回调函数 error 代表的是一个函数 用来处理失败之后的业务逻辑的函数
     * 2.1 返回一些错误信息
     * */

     /*处理默认参数*/
     if(!options || typeof options != 'object') return false;
     /*如果没有传 使用默认的get方式提交*/
     var type = options.type || 'get';
     /*如果没有传 使用默认的当前路径*/
     var url = options.url || location.pathname;
     /*强制 是false的时候就是同步  否则都是异步*/
     var async = options.async === false?false:true;
     /*如果没有就是空对象*/
     var data = options.data || {};
     /*对象是无法进行传输 {name:'',age:''}  拼接字符串  name=xzz&age=18*/
     var dataStr = '';
     for(var key in data){
         dataStr+=key+'='+data[key]+'$';
     }
     dataStr = dataStr && dataStr.slice(0,-1);

     /*ajax封装编程*/
     /*初始化*/
     var xhr = new XMLHttpRequest();
     xhr.open(type,type == 'get'?url+'?'+dataStr:url,async);
     /*请求头*/
     if(type == 'post'){
         xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
     }
     /*请求主体*/
     xhr.send(type=='get'?null:dataStr);

     /*响应*/
     xhr.onreadystatechange = function () {
         /*一定要完全完成通讯*/
         if(xhr.readyState == 4){
             if(xhr.status == 200){
                 /*请求成功*/
                 /*字符串 xml josn格式的字符串  数据转换*/
                 /*获取响应类型*/
                 var contentType = xhr.getResponseHeader("Content-Type");
                 var result = null;

                 if(contentType.indexOf('xml')>-1){
                     /*xml*/
                     result = xhr.responseXML;
                 }else if(contentType.indexOf('json')>-1){
                     /*json*/
                     result = JSON.parse(xhr.responseText);
                 }else{
                     /*string*/
                     result = xhr.responseText;
                 }
                 options.success && options.success(result);

             }else{
                 /*请求失败*/
                 options.error && options.error({status:xhr.status,statusText:xhr.statusText});
             }
         }
     }
 };

 /*get*/
 $.get = function (options) {
     options.type = 'get';
     $.ajax(options);
 }
 /*post*/
 $.get = function (options) {
     options.type = 'post';
     $.ajax(options);
 }

注：简单写法，仅供参考。