Ajax总结（1）

待续……

----------------------------------------------------------------------------------------------------------------------------------------

认识XMLHttpRequest对象

1）创建XMLHttpRequest对象的语法

       对于老版本IE（IE5和IE6）的语法：

       XMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

       对于新版本IE和其他大部分浏览器（推荐使用）的语法：
       XMLHttpRequest = new XMLHttpRequest();

2）XMLHttpRequest对象的常用方法和属性

      对于Ajax技术来说，主要就是XMLHttpRequest对象的使用，因此，接下来介绍XMLHttpRequest对象的方法和属性及它们的作用。

   图表    XMLHttpRequest对象的方法和属性

----------------------------------------------------------------------------------------------------------------------------------------

Ajax的关键元素

Ajax的关键元素包括以下内容：

---JavaScript语言：Ajax技术的主要开发语言。

---DOM（文档对象模型）：通过DOM属性或方法修改局部元素，实现页面局部刷新。

---CSS样式表：改变样式，美化页面效果，提升用户体验度。

---XMLHttpRequest对象：以异步方式在客户端与服务器端之间传递数据。

----------------------------------------------------------------------------------------------------------------------------------------

认识Ajax

Ajax，全称：Asynchronous  JavaScript  And  XML，即异步的JavaScript和XML。它是使用JavaScript通过XMLHttpRequest对象异步发送请求到服务器，并获得返回结果，然后根据结果，使用JavaScript和CSS局部更新相应网页的任务过程，其中XML用来封装请求和响应数据，CSS用来美化网页样式。整个工作流程如下所示：

Ajax工作流程图

-------------------------------------------------------------------------------------------------------------------------------------------

为什么使用Ajax？

传统的交互方式：填好所有的信息提交，在后台验证，验证失败再返回，这样子，就没办法及时了解信息的有效性，导致体验不够友好。

所以，为了提高用户的体验度，最好的办法就是能在用户填写完相关内容后，就同时验证并返回验证结果，及时反馈给用户。基于这种思路，AJax就诞生了。