調用ajax封裝POST GET True False 四種狀態
JR.ajax = function(obj){
//初始化對象,沒填某項時使用默認值代替
obj = {
//請求方法,默認POST
method: obj.method || "POST",
//請求的URL
url:obj.url || "",
//發送的請求數據參數
data: obj.data || "",
//請求超時的時間,默認5秒
timeout: obj.timeout || 5000,
//請求成功時執行的函數
success: obj.success || function(){},
//請求失敗時執行的函數
error: obj.error || function(){},
//請求完成(不管成功還是失敗都會調用)時執行的函數
complete: obj.complete || function(){},
//同步還是異步,默認異步
async : obj.async || true
};
//創建XHR對象
var xhr = (function(){
if( typeof XMLHttpRequst !== 'undefined') {
return new XMLHttpRequest();
} else if( typeof ActiveXObject !== 'undefined') {//否則判斷ActiveXObject
if( typeof arguments.callee.activeXString != 'string') {
var versions = ['MSXML2.XMLHTTP.6.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
for(var 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');
}
})();
var requestDone = false,//標誌請求是否完成
//通過使用JS隨機字符串解決IE瀏覽器第二次默認獲取緩存的問題
obj.url = obj.url + '?rand=' + Math.random();
//將名值對轉換成字符串
obj.data = (function(data){
var arr = [];
for (var i in data) {
//特殊字符傳參產生的問題可以使用encodeURIComponent()進行編碼處理
arr.push(encodeURIComponent(i) + '=' + encodeURIComponent(data[i]));
}
return arr.join('&');
})(obj.data);
//若是GET請求,則將數據加到url後面
if (obj.data !== '' && obj.method === 'get') {
obj.url += obj.url.indexOf('?') == -1 ? '?' + obj.data : '&' + obj.data;
}
//在使用XHR對象時,必須先調用open()方法,
//它接受三個參數:請求類型(get、post)、請求的URL和表示是否異步。
xhr.open(obj.method, obj.url, obj.async);
//初始化一個5秒的回調函數,用於取消請求(如果尚未完成的話)
setTimeout(function(){
requestDone = true;
}, obj.timeout);
if (obj.async === true) { //true表示異步,false表示同步
//使用異步調用的時候,需要觸發readystatechange 事件
//監聽文檔狀態的更新
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && !requestDone) { //判斷對象的狀態是否交互完成
callback(); //回調
}
};
}
if (obj.method === 'post') {
//post方式需要自己設置http的請求頭,來模仿表單提交。
//放在open方法之後,send方法之前。
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(obj.data); //post方式將數據放在send()方法裏
} else {
xhr.send(null); //get方式則填null
}
if (obj.async === false) { //同步
callback();
}
function callback() {
if (xhr.status == 200) { //判斷http的交互是否成功,200表示成功
obj.success(xhr.responseText); //成功
} else {
obj.error(xhr.status,xhr.statusText) //失敗
}
//調用完成回調函數
opt.complete();
//避免內存泄漏,清理文檔
xhr = null;
}
return this;
};
//初始化對象,沒填某項時使用默認值代替
obj = {
//請求方法,默認POST
method: obj.method || "POST",
//請求的URL
url:obj.url || "",
//發送的請求數據參數
data: obj.data || "",
//請求超時的時間,默認5秒
timeout: obj.timeout || 5000,
//請求成功時執行的函數
success: obj.success || function(){},
//請求失敗時執行的函數
error: obj.error || function(){},
//請求完成(不管成功還是失敗都會調用)時執行的函數
complete: obj.complete || function(){},
//同步還是異步,默認異步
async : obj.async || true
};
//創建XHR對象
var xhr = (function(){
if( typeof XMLHttpRequst !== 'undefined') {
return new XMLHttpRequest();
} else if( typeof ActiveXObject !== 'undefined') {//否則判斷ActiveXObject
if( typeof arguments.callee.activeXString != 'string') {
var versions = ['MSXML2.XMLHTTP.6.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
for(var 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');
}
})();
var requestDone = false,//標誌請求是否完成
//通過使用JS隨機字符串解決IE瀏覽器第二次默認獲取緩存的問題
obj.url = obj.url + '?rand=' + Math.random();
//將名值對轉換成字符串
obj.data = (function(data){
var arr = [];
for (var i in data) {
//特殊字符傳參產生的問題可以使用encodeURIComponent()進行編碼處理
arr.push(encodeURIComponent(i) + '=' + encodeURIComponent(data[i]));
}
return arr.join('&');
})(obj.data);
//若是GET請求,則將數據加到url後面
if (obj.data !== '' && obj.method === 'get') {
obj.url += obj.url.indexOf('?') == -1 ? '?' + obj.data : '&' + obj.data;
}
//在使用XHR對象時,必須先調用open()方法,
//它接受三個參數:請求類型(get、post)、請求的URL和表示是否異步。
xhr.open(obj.method, obj.url, obj.async);
//初始化一個5秒的回調函數,用於取消請求(如果尚未完成的話)
setTimeout(function(){
requestDone = true;
}, obj.timeout);
if (obj.async === true) { //true表示異步,false表示同步
//使用異步調用的時候,需要觸發readystatechange 事件
//監聽文檔狀態的更新
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && !requestDone) { //判斷對象的狀態是否交互完成
callback(); //回調
}
};
}
if (obj.method === 'post') {
//post方式需要自己設置http的請求頭,來模仿表單提交。
//放在open方法之後,send方法之前。
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(obj.data); //post方式將數據放在send()方法裏
} else {
xhr.send(null); //get方式則填null
}
if (obj.async === false) { //同步
callback();
}
function callback() {
if (xhr.status == 200) { //判斷http的交互是否成功,200表示成功
obj.success(xhr.responseText); //成功
} else {
obj.error(xhr.status,xhr.statusText) //失敗
}
//調用完成回調函數
opt.complete();
//避免內存泄漏,清理文檔
xhr = null;
}
return this;
};
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.