初步了解Ajax

Posted 2020-11-03 -zmj

一．认识Ajax

　　首先ajax是Asynchronous javascript and XML的全称，Asynchronous是异步的意思，这跟传统的web不同。

二、基本概念

　　用户在浏览网页的时候,无论是打开一段新的评论,还是填写一张调查问卷,都需要反复与服务器进行交互,但是传统的Web应用采用同步交互形式,即用户向服务器发送一个请求,然后Web服务器根据用户的请求执行相应的任务,并返回结果.这是一种十分不连贯的运行模式,常常需要长时间按的等待以及整个页面的刷新,即通常所说的”白屏”现象,而且是整个页面的刷新,这就增加了用户等待时间,数据重复传递也浪费了大量的资源和网络带宽,而Ajax采用的是异步处理,可以更新局部的内容.

优点:
(1)减轻服务器的负担,加快浏览速度.
(2)带来更好的用户体验,传统是白屏现象很不友好,后者采用的局部刷新,使用户感觉是在使
用桌面应用程序一样
(3)基于标准化,并被广泛的支持的技术,不需要下载插件(flash)或小程序.（RIA）(4)进一步呈现与数据分离,Ajax获取服务器可以完全利用单独的模块进行操作,从而使得技
术人员和美工人员能够更好的分工与配合

三、Ajax的组成部分

　　Ajax不是单一的技术,而是4种技术的集合,跟灵活地运用Ajax必须深入了解这些不同的技术

常用属性

1.readyState 表示请求/响应过程的当前活动阶段（0：未初始化，尚未调用open方法；1：启动，已调用open方法，未调用send方法；2：发送：已调用send，未接到响应；3：接收，已经接收部分响应数据；4.完成，可以在客户端使用）

2.onreadystatechange readyState的值改变一次就会调用一次这个方法

3.responseText 作为响应主体被返回的文本

4.responseXML  保存响应类型为“text/xml”或"application/xml"的响应数据的XML DOM文档

5.status   响应的HTTP状态

6.statusText  Http状态的说明

四、总结

它有以下优点:

(1)减轻服务器的负担,加快浏览速度.
(2)带来更好的用户体验,传统是白屏现象很不友好,后者采用的局部刷新,使用户感觉是在使
用桌面应用程序一样
(3)基于标准化,并被广泛的支持的技术,不需要下载插件(flash)或小程序.（RIA）(4)进一步呈现与数据分离,Ajax获取服务器可以完全利用单独的模块进行操作,从而使得技
术人员和美工人员能够更好的分工与配合