AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面
使用Javascript向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHTTPRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与Web服务器交换数据。
什么是readyState
readyState是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。
readyState总共有5个状态值，分别为0~4，每个值代表了不同的含义，如下表所示：
0 未初始化状态：此时，已经创建了一个XMLHttpRequest对象
1 准备发送状态：此时，已经调用了XMLHttpRequest对象的open方法，并且XMLHttpRequest对象已经准备好将一个请求发送到服务器端
2 已经发送状态：此时，已经通过send方法把一个请求发送到服务器端，但是还没有收到一个响应
3 正在接收状态：此时，已经接收到HTTP响应头部信息，但是消息体部分还没有完全接收到
4 完成响应状态：此时，已经完成了HTTP响应的接收
什么是status
status是XMLHttpRequest对象的一个属性，表示响应的HTTP状态码。
在HTTP1.1协议下，HTTP状态码总共可分为5大类，如下表所示：
1XX 服务器收到请求，需要继续处理。例如101状态码，表示服务器将通知客户端使用更高版本的HTTP协议。
2XX 请求成功。例如200状态码，表示请求所希望的响应头或数据体将随此响应返回。
3XX 重定向。例如302状态码，表示临时重定向，请求将包含一个新的URL地址，客户端将对新的地址进行GET请求。
4XX 客户端错误。例如404状态码，表示客户端请求的资源不存在。
5XX 服务器错误。例如500状态码，表示服务器遇到了一个未曾预料的情况，导致了它无法完成响应，一般来说，这个问题会在程序代码出错时出现。
//xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
实例:
//创建对象
if(window.XMLHttpRequest){ //创建非IE的http对象
httpObj = new XMLHttpRequest();
}else{ //创建ie低版本的http对象
httpObj = new ActiveXObject(‘Microsoft.XMLHTTP‘);
}
//连接服务器,并发送数据
httpObj.open(‘get‘,‘http://localhost/p30/my_project/index.php?userName=‘+encodeURIComponent(userName)+‘&pwd=‘+encodeURIComponent(pwd),true);
***如果该请求方式为post请求,则需要对请求头进行设置
httpObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//发送数据get方式发送数据如下
httpObj.send(null);
***如果请求方式为post方式 则该null修改为要发送的数据格式为
name=value&name1=value2, 即 httpObj.send(‘name=value&name1=value2‘);
//返回响应
httpObj.onreadystatechange = function(){
alert(httpObj.readyState);
if(httpObj.readyState == 4){
if(httpObj.status == 200){
var result = httpObj.responseText;
document.write(result);
/* for(var a in result){
alert(result.a);
}*/
}
}else{
alert(‘请求错误‘);
}
};
本文出自 “成长从博客开始” 博客，请务必保留此出处http://lxqybyq.blog.51cto.com/7868338/1836569
原文地址：http://lxqybyq.blog.51cto.com/7868338/1836569
