初步了解Ajax

一.认识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获取服务器可以完全利用单独的模块进行操作,从而使得技
术人员和美工人员能够更好的分工与配合

posted @ 2018-06-14 20:46  付忆情  阅读(75)  评论(0编辑  收藏  举报