如何封裝屬於本身的ajax?小編帶你探探路。。前端
<script>ajax
// 1準備一個電話 準備ajax服務器
// 2 撥號 創建 創建鏈接 (跟服務器)cors
// 3 發送 ajax 發送異步
// 4 等待 通了 說話 監聽狀態 4 200-300 304ide
function ajax(){url
if(window.XMLHttpRequest){firefox
//建立ajax ie7++ chorme firefoxorm
var oAjax=new XMLHttpRequest();對象
}else{
var oAjax=new ActiveXObject('Micorsoft.XMLHTTP');
}
//創建鏈接
oAjax.open('get',url,true);
true 異步 一塊兒去執行
false 同步 一個一個去執行
//發送
oAjax.send();
// oAjax.readyState
0 建立ajax對象完成
1 發送請求完成
2 獲取原始數據
3 解析原始數據
4 完成
200 完成
304 重定向
403 訪問遭拒絕
404 路徑不存在
414 路徑過長
500 後臺服務器有問題
502 後臺程序有問題
4 開頭錯誤是前端
5 開頭錯誤是後臺
oAjax.onreadystatechange=function(){
if(oAjax.readyState==4){
if(oAjax.status>=200 && oAjax.status<300 || oAjax.status==304){
success && success(oAjax.responseText);
}else{
fnFail && fnFail(oAjax.status);
}
}
}
}