1.Ajax简介
Ajax是一种JavaScript和XML在浏览器和服务器之间进行异步传输数据的技术。Ajax技术运用于浏览器中,使得服务器索取部分信息,用户不必为整个页面的刷新而等待,实现刷新网页局部内容的功能。
Ajax优点:异步请求;局部刷新;减轻服务器的压力,增强用户的体验。
2.Ajax工作原理
Ajax整合了几种现有的技术:JavaScirpt、XML、CSS、DOM。Ajax技术基于CSS标准化呈现,使用DOM进行动态的显示和交互,XML进行数据的交换和处理,XMLHttpRequest进行服务器进行异步通信,最后通过JavaScript绑定和处理所有数据。传统的WEB技术采用的同步,Ajax采用的是异步的形式。采用Ajax技术,会在浏览器端存在一个AJAX引擎,采用XMLHttpRequest想服务器发送异步的请求,上一次的请求还没有获得相应的时候,就可以发送第二次请求。
3.XMLHttpRequest对象
Ajax技术的核心技术就是XMLHttpRequest对象,通过JavaScript进行创建,支持异步请求,借助XMLHttpRequest向服务器发送请求,处理服务器的响应,避免用户阻塞的动作,不必每次都刷新界面,减轻了服务器的负担,从而缩短了用户的等待时间。
创建XMLHttpRequest对象:var xmlhttpRequest = new XMLHttpRequest(),Ajax核心技术就是发送异步请求。
XMLHttpRequest与服务器交互,我们使用的是XMLHttpRequest 对象的 open() 和 send() 方法:
AJAX - onreadystatechange 事件: