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就诞生了。