1.1.为什么要使用ajax?
个人认为,在传统的网页中,与服务端交互的时候,例如,个人信息录入,总是需要通过提交数据到服务端进行校验后,然后重新加载整个网页的内容,进行提示信息,导致交互性极差,因此使用ajax技术能够很好的解决问题。
1.2.ajax的理解
ajax:Asynchronous javascript and xml在实现客户端与服务端进行数据交互过程中,在不刷新页面,能够取得服务端数据,通过DOM将数据插入到页面中。
1.3.XMLHttpRequest对象理解
XMLHttpRequest对象主要是对服务端进行请求获取数据,此处只提供XMLHttpRequest的基本用法和部分属性认识
1)XMLHttpRequest对象创建
由于在IE5、IE6版本不支持XMLHttpRequest对象,因此通过下面的方式来创建XHR(后续为方便写法,使用XHR来替代)对象
var request;
if(window.XMLHttpRequest) {
request = new XMLHttpRequest(); // 支持IE7以上版本
} else {
request = new ActiveXObject("Microsoft.XMLHTTP"); // IE5 IE6
}
2)向服务器发送请求
request.open( method , url , async );
Request.send(string);
method:请求的类型, GET或POST
url:服务端地址
asyns:是否同步true(异步)false(同步) 默认为true
3)服务端响应
理解readyState属性
在请求服务器到服务器响应的过程中,readyState经历5个过程的变化,都是在出发onreadystatechange事件中体现。
0:请求未初始化
1:服务器已经建立连接
2:请求已接收
3:请求处理中
4:请求已完成,且响应已就绪
request.onreadystatechange = function() {
if(request.readyState == 4 && request.status == 200){
// 表示响应已就绪
}
};
参考博客:http://www.cnblogs.com/MasterYao/p/5563439.html




