Ajax技术简绍

1.Ajax技术 全称Asynchronous JavaScript And XML 异步的JavaScript和XML2.Ajax技术的作用,有什么好处 用于客户端和服务器端交互的一项技术.主要用于页面的局部刷新.提升用户体验度.----原有交互主要基于提交表单,点超链接方式----这种方式主要有以下一些弊端: a.请求发出后,如果响应速度慢,客户需要等待, 而且是茫然的等待 b.请求响应回来需要刷新整个页面,如果页面中 有需要频繁更新的数据,会造成整个页面的频繁 刷新.采用Ajax技术之后,可以解决以上问题.提升用户的体验度.3.Ajax技术原理 Ajax技术是若干技术的综合运用.主要涵盖JavaScript,XMLHttpRequest,XML,CSS,HTML. Ajax技术使用时,需要编写客户端脚本 和服务器端处理程序. Ajax原理如下: a.首先客户端利用JavaScript创建一个 XMLHttpRequest对象 b.利用XMLHttpRequest对象,创建和发送 一个请求. c.请求到达服务器,调用Servlet组件处理, 处理完毕后,返回响应数据,数据可以采用 字符串或XML格式返回. d.XMLHttpRequest接收到服务器返回的数据, 调用客户端的回调函数,将数据更新到页面.4.XMLHttpRequest对象的使用 该对象是由浏览器提供的.在IE中该对象以 AtiveXObject组件形式存在,在其他浏览器中 以XMLHttpRequest形式存在. XMLHttpRequest对象主要的函数和属性如下: 1)open(param1,param2,[param3])函数 创建一个请求. param1:用于指定请求类型,可以是"get","post" param2:用于指定请求URL地址 param3:用于指定请求发出方式.true异步,false表示同步.默认异步 2)send(param1)函数 发送一个请求.把open的请求发出去 param1:用于指定请求发送时提交的数据. 如果是get请求,param1指定为null. 如果是post请求,param1需要指定为"key=value" 3)onreadystatechange事件 用于指定注册的回调函数.指定函数名不需要() 该事件在readyState属性值发生改变时触发. 4)readyState属性 该属性有0,1,2,3,4五种状态,不同状态含义如下 0:请求未初始化,open函数未调用 1:请求已初始化,open调用,send未调用 2:请求已发送,send调用 3:请求正在处理中 4:请求处理完毕 5)status属性