Ajax学习

Ajax框架基本流程:初始化对象-->发送请求-->服务器接受-->服务器返回-->客户端接受-->页面刷新。（异步进行）
1、初始化对象：（浏览器对XMLHttpRequest对象实例化不一样）
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
2、指定响应处理函数
接下来要指定当服务器返回信息时客户端的处理方式。只要将相应的处理函数名称赋给
XMLHttpRequest 对象的onreadystatechange 属性就可以了。比如：
http_request.onreadystatechange = processRequest;
http_request.onreadystatechange = function() {};
3、发出 HTTP 请求
http_request.open('Get/Post/Head', '目标url', true);
http_request.send(null);
4、处理服务器返回的信息
if (http_request.readyState == 4) {
// 信息已经返回，可以开始处理
} else {
// 信息还没有返回，等待
}
if (http_request.status == 200) {
// 页面正常，可以开始处理信息
} else {
// 页面有问题
}
总结：
<script language="javascript">
var http_request = false;
function send_request(url) {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest 对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME 类别
http_request.overrideMimeType("text/xml");
}
}else if (window.ActiveXObject) { // IE 浏览器
try{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常，创建对象实例失败
window.alert("不能创建XMLHttpRequest 对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL 以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) {
// 信息已经成功返回，开始处理信息
alert(http_request.responseText);
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
</script>