封裝底層Ajax

建立ajax簡易步驟：

建立ajax物件：var xhr=new xmlhttprequest();

鏈結伺服器：xhr.open('get','a.php',true);

傳送請求或資料：xhr.send();

狀態值改變時呼叫函式：xhr.onreadystatechange=fncallback;

封裝ajax：

function

ajax(options)
}data=(function
(data)
return arr.join('&'); //
將陣列變成字串：username=name%e5%93%88%e5%93%88&password=123
}else
})(data);
if(type=='get' &&data)
//用乙個永遠在變的數值math.random()處理get方式留下的快取，還可以用時間戳，new date().gettime()
//讓url成: a.php?username=name%e5%93%88%e5%93%88&password=123&t=0.06531456997618079
xhr.open(type,url,asy);
switch
(type)
}

使用方法：

document.onclick=function

(), 
//預設：null
async:false, //
預設：ture
success:function(sdata), //
預設為null
error:function() //
預設為null
}); 
}

ajax基本封裝

建立乙個基本的ajax應用不需要太多的 大概三個步驟，幾十行 即可。1，建立ajax的核心物件xmlhttprequest 因為瀏覽器之間的不相容，ie7之前的版本並沒有原生的xmlhttprequest物件卻實現為activex物件。網際網路及各種書籍中有著多種建立方式，有的複雜很多行 有的則簡潔...

Ajax封裝技術

ajax封裝技術 param method 表示提交的方式 param url 表示提交的位址 param params 表示提交的引數 key val key1 val1 param handler200 處理成功 param handler404 處理資源未找到 param handler500...

簡單封裝ajax

網上資源的 質量參差不齊，所以我還是自己記錄一下吧 function ajax opction else 統一大小寫，匹配下面的判斷 let type opction.type touppercase 用於請求時表示為不同的請求，以防獲取快取值 let random math.random if t...