Ajax学习心得



       

       大致学了下Ajax,才知道它不是某种编程语言，而是一种在无需加载整个页面的情况下能够更新部分网页的技术。了解了它的功能后觉得这真是一种好的技术，这得给前端和运维省多少力啊！

　　传统的网页没有使用Ajax技术，当更新网页内容时要重新加载页面来重写页面，如果是整个网站，这工作量无疑是巨大的，但有了Ajax技术，我们在后台进行表单设计时，加入相关代码，实现异步输入输出，局部更新，这就使工作变得轻便。例如，现在很多的知名网站，像腾讯，新浪，谷歌，百度地图等等，都使用了这种技术。

　　而要学习Ajax技术，拥有HTML,CSS,和JS的基础就够了。

　　传统的同步加载令人疯狂，是因为缺少了一个对象，那就是XMLHttpRequest对象。有了这个对象之后，可以实现后台和服务器之间数据的交换，达到页面的局部请求和刷新，这就是Ajax的异步功能。

　　想要达到这种功能我们要做的是：

1:用HTML和CSS写出页面，表达信息。

2：用XMLHttpRequest和Web服务器进行数据的异步交换。

3：用javascript操作DOM，实现动态局部刷新。

　　重要的是第二点，怎么样创建XMLHttpRequest对象呢？

　　是下面这句话：

var request=new XMLHttpRequest();

　　但是IE5和IE6是不兼容的。

　　所以要这样写：

var request;

If(window.XMLHttpRequest){

request=new XMLHttpRequest();

}else{

request=new ActiveXObject(“Microsoft.XMLHTTP”);//IE6,IE5

}

　　即如果有XMLHttpRequest的定义就直接使用，如果没有就创建一个ActiveXObject对象使用。

 

　　Ajax流程是这样的：

 

1.从Web表单中获取需要的数据。

2.建立要连接的URL。

3.打开到服务器的连接。

4.设置服务器在完成后要运行的函数。

5.发送请求。