原生Js封裝ajax方法

來源:互聯網
上載者:User

標籤:microsoft   方法   obj   options   ati   amp   new   處理   text   

// ajax封裝
function ajax(options) {
/**
* 傳入方式預設為對象
* */
options = options || {};
/**
* 預設為GET請求
* */
options.type = (options.type || "GET").toUpperCase();
/**
* 傳回值類型預設為json
* */
options.dataType = options.dataType || ‘json‘;
/**
* 預設為非同步請求
* */
options.async = options.async || true;
/**
* 對需要傳入的參數的處理
* */
var params = getParams(options.data);
var xhr;
/**
* 建立一個 ajax請求
* W3C標準和IE標準
*/
if (window.XMLHttpRequest){
/**
* W3C標準
* */
xhr = new XMLHttpRequest();
}else{
/**
* IE標準
* @type {ActiveXObject}
*/
xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘)
}
xhr.onreadystatechange = function () {
if (xhr.readyState == 4){
var status = xhr.status;
if (status >= 200 && status < 300 ){
options.success && options.success(xhr.responseText,xhr.responseXML);
}else{
options.fail && options.fail(status);
}
}
};
if (options.type == ‘GET‘){
xhr.open("GET",options.url + ‘?‘ + params ,options.async);
xhr.send(null)
}else if (options.type == ‘POST‘){
/**
*開啟請求
* */
xhr.open(‘POST‘,options.url,options.async);
/**
* POST請求佈建要求頭
* */
xhr.setRequestHeader(‘Content-Type‘,‘application/x-www-form-urlencoded‘);
/**
* 發送請求參數
*/
xhr.send(params);
}
}
/**
* 對象參數的處理
* @param data
* @returns {string}
*/
function getParams(data) {
var arr = [];
for (var param in data){
arr.push(encodeURIComponent(param) + ‘=‘ +encodeURIComponent(data[param]));
}
//console.log(arr);
arr.push((‘randomNumber=‘ + Math.random()).replace(‘.‘));
//console.log(arr);
return arr.join(‘&‘);
}

原生Js封裝ajax方法

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.