学习ajax笔记

Ajax基础：使用XMLHttpRequest对象异步发送请求，发送请求不要求重新加载页面。浏览器发送请求后，无须等待服务器响应，而是可以继续原来的操作。而服务器的响应完成后，客户端使用JavaScript函数将响应数据加载到浏览器中。

Ajax工作过程：

1.JavaScript脚本使用XMLHttpRequest对象向服务器发送请求。发送请求时，既可以发送GET请求，也可以发送POST请求

2.JavaScript脚本使用XMLHttpRequet对象解析服务器响应数据

3.JavaScript脚本通过DOM动态更新HTML页面.也可以为服务器响应数据增加CSS样式表，在当前页面的某个部分加以显示

Ajax的核心：XMLHttpRequet

XMLHttpRequet是异步发送请求的对象

跨浏览器访问创建XMLHttpRequet对象

function createXMLHttpRequest(){

//对于基于Mozilla浏览器，直接创建XMLHttpRequest对象

if(window.XMLHttpRequest){

return new XMLHttpRequest（）；

}

//对于IE浏览器

else if（window.ActiveXObject）{

//IE浏览器中XMLHTTP的实现版本并不相同

var msxmls=["MSXML3","MSXML2","Microsoft"];

for(var i=0;i<msxmls.length;i++){

try{

return new ActiveXObjext(msxmls[i]+".XMLHTTP");

}

catch(e){

alert("浏览器不支持XMLHTTP控件");

}

}

}

}

只有借助XMLHttpRequest对象，Ajax才能实现异步发送请求，XMLRequest是浏览器与服务器交换信息的载体。

Ajax的变成脚本：javascript

JavaScript主要完成如下事情：

创建XMLHttpRequest对象，

通过XMLHttpRequest向服务器发送请求

创建回调函数，监视服务器响应状态，在服务器响应完成后，回调函数启动

回调函数通过DOM动态更新HTML页面