function ajax(params) {  
 params = params || {};  
 params.data = params.data || {};  
 // 判斷是ajax請(qǐng)求還是jsonp請(qǐng)求
 var json = params.jsonp ? jsonp(params) : json(params);  
 // ajax請(qǐng)求  
 function json(params) {  
  // 請(qǐng)求方式，默認(rèn)是GET
  params.type = (params.type || 'GET').toUpperCase(); 
  // 避免有特殊字符，必須格式化傳輸數(shù)據(jù) 
  params.data = formatParams(params.data);  
  var xhr = null;  
  // 實(shí)例化XMLHttpRequest對(duì)象  
  if(window.XMLHttpRequest) {  
   xhr = new XMLHttpRequest();  
  } else {  
   // IE6及其以下版本  
   xhr = new ActiveXObjcet('Microsoft.XMLHTTP');  
  }; 
  　　 // 監(jiān)聽(tīng)事件，只要 readyState 的值變化，就會(huì)調(diào)用 readystatechange 事件
  xhr.onreadystatechange = function() { 
   // readyState屬性表示請(qǐng)求/響應(yīng)過(guò)程的當(dāng)前活動(dòng)階段，4為完成，已經(jīng)接收到全部響應(yīng)數(shù)據(jù)
   if(xhr.readyState == 4) {  
    var status = xhr.status; 
    // status：響應(yīng)的HTTP狀態(tài)碼，以2開(kāi)頭的都是成功
    if(status >= 200 && status < 300) {  
     var response = ''; 
     // 判斷接受數(shù)據(jù)的內(nèi)容類(lèi)型 
     var type = xhr.getResponseHeader('Content-type');  
     if(type.indexOf('xml') !== -1 && xhr.responseXML) {  
      response = xhr.responseXML; //Document對(duì)象響應(yīng)  
     } else if(type === 'application/json') {  
      response = JSON.parse(xhr.responseText); //JSON響應(yīng)  
     } else {  
      response = xhr.responseText; //字符串響應(yīng)  
     }; 
     // 成功回調(diào)函數(shù) 
     params.success && params.success(response);  
    } else {  
     params.error && params.error(status);  
    }  
   };  
  }; 
  // 連接和傳輸數(shù)據(jù)  
  if(params.type == 'GET') {
   // 三個(gè)參數(shù)：請(qǐng)求方式、請(qǐng)求地址(get方式時(shí)，傳輸數(shù)據(jù)是加在地址后的)、是否異步請(qǐng)求(同步請(qǐng)求的情況極少)；
   xhr.open(params.type, params.url + '?' + params.data, true);  
   xhr.send(null);  
  } else {  
   xhr.open(params.type, params.url, true);  
   //必須，設(shè)置提交時(shí)的內(nèi)容類(lèi)型  
   xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 
   // 傳輸數(shù)據(jù) 
   xhr.send(params.data);  
  }  
 } 
 //格式化參數(shù)  
 function formatParams(data) {  
  var arr = [];  
  for(var name in data) { 
   //  encodeURIComponent() ：用于對(duì) URI 中的某一部分進(jìn)行編碼
   arr.push(encodeURIComponent(name) + '=' + encodeURIComponent(data[name]));  
  };  
  // 添加一個(gè)隨機(jī)數(shù)參數(shù)，防止緩存  
  arr.push('v=' + random());  
  return arr.join('&');  
 }
 // 獲取隨機(jī)數(shù)  
 function random() {  
  return Math.floor(Math.random() * 10000 + 500);  
 }
}

ajax({  
 url: 'test.php',  // 請(qǐng)求地址
 type: 'POST',  // 請(qǐng)求類(lèi)型，默認(rèn)"GET"，還可以是"POST"
 data: {'b': '異步請(qǐng)求'},  // 傳輸數(shù)據(jù)
 success: function(res){  // 請(qǐng)求成功的回調(diào)函數(shù)
  console.log(JSON.parse(res));  
 },
 error: function(error) {}  // 請(qǐng)求失敗的回調(diào)函數(shù)
});

function ajax(params) {  
 params = params || {};  
 params.data = params.data || {};  
 var json = params.jsonp ? jsonp(params) : json(params);   
 // jsonp請(qǐng)求  
 function jsonp(params) {  
  //創(chuàng)建script標(biāo)簽并加入到頁(yè)面中  
  var callbackName = params.jsonp;  
  var head = document.getElementsByTagName('head')[0];  
  // 設(shè)置傳遞給后臺(tái)的回調(diào)參數(shù)名  
  params.data['callback'] = callbackName;  
  var data = formatParams(params.data);  
  var script = document.createElement('script');  
  head.appendChild(script);  
  //創(chuàng)建jsonp回調(diào)函數(shù)  
  window[callbackName] = function(json) {  
  head.removeChild(script);  
  clearTimeout(script.timer);  
  window[callbackName] = null;  
  params.success && params.success(json);  
  };  
　　//發(fā)送請(qǐng)求  
  script.src = params.url + '?' + data;  
  //為了得知此次請(qǐng)求是否成功，設(shè)置超時(shí)處理  
  if(params.time) {  
   script.timer = setTimeout(function() {  
    window[callbackName] = null;  
    head.removeChild(script);  
    params.error && params.error({  
     message: '超時(shí)'  
    });  
   }, time);  
  }  
 };  
 //格式化參數(shù)  
 function formatParams(data) {  
  var arr = [];  
  for(var name in data) {  
   arr.push(encodeURIComponent(name) + '=' + encodeURIComponent(data[name]));  
  };  
  // 添加一個(gè)隨機(jī)數(shù)，防止緩存  
  arr.push('v=' + random()); 
  return arr.join('&');  
 }  
 // 獲取隨機(jī)數(shù)  
 function random() {  
  return Math.floor(Math.random() * 10000 + 500);  
 }
}

ajax({  
  url: 'test',  // 請(qǐng)求地址
 jsonp: 'jsonpCallback', // 采用jsonp請(qǐng)求，且回調(diào)函數(shù)名為"jsonpCallbak"，可以設(shè)置為合法的字符串
 data: {'b': '異步請(qǐng)求'},  // 傳輸數(shù)據(jù)
 success:function(res){  // 請(qǐng)求成功的回調(diào)函數(shù)
  console.log(res);  
 },
 error: function(error) {}  // 請(qǐng)求失敗的回調(diào)函數(shù)
});