ajax想必做前端开发的，没有不对冲熟悉的，异步获取数据，不用刷新整个页面，局部dom刷新就可以进行前后交互，前后的基本流程大概如下：
①先本地创建一个XMLHttpRequest对象，var xmlHttp = new XMLHttpRequest();
②创建连接，xmlHttp.open('GET','demo.php','true');
③向后台发送请求，xmlHttp.send()；
④根据返回状态处理数据，xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState === 4 & xmlHttp.status === 200){ } }。 上述只是简单的一个ajax的介绍，具体在工作中使用的话，需要把各种情况考虑到，进而对ajax，进行封装处理，下面将仔细进行如下解析：
①：把json对象转换为字符串的一个封装函数，下面用get请求的话需要拼接url.
function json2url(json){
json.t = Math.random();
var arr = [];
for(var name in json){
arr.push(name+"="+encodeURIComponent(json[name]));/字符转换 防止乱码
}
}
return arr.join("&");
}
②个人理解对ajax，进行了封装，考虑了不同浏览器的兼容性，考虑了请求超时 ，成功，失败三种情况下的处理，考虑了不同请求方式 get post 考虑了乱码情况等。
function jaxa(json){
//默认值
json = json || {};
if(!json.url)return;
json.data = json.data || {};//请求后台数据需要的字段
json.type = json.type || "GET";//请求方式
json.timeout = json.timeout || 10000;//请求超时默认时间
if(window.XMLHttpRequest){//chrome fixefox 高级浏览器
var oAjax = new XMLHttpRequest();
}else{//IE浏览器
var oAjax = new ActiveXObject("MIcrosoft.XMLHTTP");
}
//建立连接 是否异步
switch(json.type.toLowerCase()){//两种不同方式进行不同的建立方式
case "get":
oAjax.open("GET",json.url+"?"+json2url(json.data),true);
//get GET请求的数据会附在URL之后（就是把数据放置在HTTP协议头中），以?分割URL和传输数据，参数之间以&相连
oAjax.send();//发送
break;
case "post":
oAjax.open("POST",json.url,true);
oAjax.setRequestHeader("Content-Type","application/x-www-from-urlencoded");
oAjax.send(json2url(json.data));//发送
//POST把提交的数据则放置在是HTTP包的包体中。需要send的时候把字符串类型的data发给后台。
break;
}
json.loading&&json.loading();//请求数据时可以做相应的加载设计 比如增加加载条等。
var timer = setTimeout(function(){//规定时间内是否请求道数据 请求不到数据的话 请求失败的处理
json.complete&&json.complete();//请求失败需要做的事情
json.error&&json.error(oAjax.status);//失败后返货的状态码
oAjax.onreadystatechange = null;//把创建的对象 变为空 让垃圾回收机制回收
},json.timeout);
//接收 当网络状态进行改变的时候 函数
oAjax.onreadystatechange = function(){
if(oAjax.readyState === 4){//网络状态为4正常情况下
if(oAjax.status > 200 && oAjax.status < 304 || oAjax.status === 304){//aJax状态码 200 到300 之间是成功 304是重定向也是成功
clearTimeout(timer);//完成了就得把创建的定时器关掉 也就不再看请求是否超时
json.complete&&json.complete();//成功后需要做的事儿
json.success&&json.success(oAjax.responseText);//成功后返回成功状态数据。
}else{//不在上述状态码区间的 为请求失败
clearTimeout(timer);//请求失败，也就不再看请求是否超时 关闭定时器
json.complete&&json.complete();//失败了做的事儿
json.error&&json.error(oAjax.status);//失败后返货的状态码
}
}
}
}
不合理的地方 大家多多指教，谢谢。