Ajax—基础篇

 

一、浏览器的同步

步骤：

  客户发出HTTP请求-->服务器接受客户的请求-->服务器响应客户的请求，返回客户要求的页面

缺点：

1、每次客户发出请求提交的都是整个页面，给网咯带来了压力。

  2、每次提交请求，都要等待服务器的回应，造成用户的等待！

二、浏览器的异步交互

         优点：

1、 不用提交整个页面而是用JavaScript提交具体的数据，这样就使一些没有必要在网咯上传的数据不用传输了。

2、  只传输数据，提交的请求的数据不是很大，减轻网络传输数据的压力

3、提交请求后不会刷新页面，展现给用户的页面不会消失，这样对于客户的交互性特别好

三、Ajax技术

Ajax：允许浏览器与服务器通行而无需刷新当前页面的技术。

它不是一项新技术，是多种技术的综合，包括JavaScript、XHTML和CSS、DOM、XML和XMLHttpRequest。

该对象是对JavaScript的一个扩展，可是网页与服务器进行通信。是创建Ajax应用的最佳选择。而实际上通常把Ajax当成XmLHttpRequest对象的代名词。

XMLHttpRequest是XMLHTTP组件的对象，通过通过这个对象，Ajax可以向桌面应用程序一样只能同服务器进行数据层次的交换，而不用每次都刷新界面，也不用每次将数据处理的工作都交给服务器来做！这样既可以减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。

1、XmlHttpRequest对象的初始化

         function createXmlHttpRequest(){

                   var xmlHttp;

                   try{

                            xmlHttp=new XMLHttpRequest();

}catch(e){

                            try{

                                     xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”);

}catch(e){

                                     try{

                                               xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);

}catch(e){}

}

}

}          

         2、XMlHttppReuest对象的方法

                   abort():停止当前请求；

                   getAllResponseHeaders():把http请求的所有响应首部作为键值对返回；

                   open(“method”,”url”,blean):打开一个请求

                   send(content):向服务发送请求

                   setRequestHeader(“”)