AJAX实现异步通信

 

AJAX：采取相同的技术（html、css、javascript、xml），使用了新的思路

1、  传统的web开发模型

用户首先向web服务器发送一个http请求，服务器获取请求后，从后台数据库（mysql）、应用程序（*.php）进行查找，处理结果被生成html页面反馈到客户端的是完整的页面

2、  基于AJAX的web开发模型

用户首先向web服务器发送一个http请求，服务器获取请求后，从后台数据库（mysql）、应用程序（*.php）进行查找，处理结果被生成xml数据反馈到客户端的是所需的内容

 

第二种方式实现异步通信

1、定义

AJAX的核心对象XMLHttpRequest

XMLHttpRequest：是XMLHTTP组件的对象，通过该对象AJAX可以像桌面应用程序一样同服务器进行数据层面的交互，不需要每次都进行这个页面刷新

2、  步骤

1）  初始化对象并发送XMLHttpRequest请求

ü         针对IE7.0、8.0、firefox、mozillar、opera、safari浏览器

      var xmlhr=new XMLHttpRequest；

ü         针对IE5.0、5.5、6.0

       var xmlhr=new ActiveXObject( );

2）  指定响应处理函数

onreadystatechange

3）  发出HTTP请求

    open

send

status  

4）  处理服务器返回的数据

responseXML

   responseTest

3、  应用XMLHttpRequest 实现AJAX