深入Ajax技术

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 事件:

    

   

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值