在前后端的交互過程中九昧，ajax是一個(gè)常用的手段税稼，但是其使用方法比較繁瑣，所以封裝一個(gè)慣用的方法。通常前后端交互的方法有g(shù)et和post方式甥材，今天就ajax在兩種方式交互數(shù)據(jù)的情況下，總結(jié)兩種封裝方法：
1.ajax的get封裝
function ajaxGet(url,cb,data){
data = data || {};
var str = "";
for(var i in data){
str += i + "=" + data[i] + "&";
}
url = url + "?" + str + "__js=" + (new Date()).getTime();
var ajax = new XMLHttpRequest();
ajax.open("get",url,true);
ajax.onreadystatechange = function(){
if(ajax.readyState == 4 && ajax.status == 200){
cb(ajax.responseText);
}
}
ajax.send();
}
2.ajax的post封裝
function ajaxPost(url,cb,data){
data = data || {};
var str = "";
for(var i in data){
str += `${i}=${data[i]}&`;
}
str = str.slice(0,str.length-1);
var ajax = new XMLHttpRequest();
ajax.open("post",url,true);
ajax.onreadystatechange = function(){
if(ajax.readyState == 4 && ajax.status == 200){
cb(ajax.responseText);
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(str);
}
以上封裝方法僅是個(gè)人的平時(shí)總結(jié)鲫凶，若有不足或者錯(cuò)誤之處许布，歡迎大家指出......
