axaj

AJAX（Asynchronous Javascript And XML）

1.什么是AJAX:

     是异步的javaScript And Xml,与服务器进行异步的数据交互，传输数据可以为XML,也可以为

     文本文件，或者JSON格式的文件。

2.最大的特点：

     不用刷新整个页面，就可以使页面实现局部刷新，通过JavaScript来控制页面的元素。

     与服务器进行交互。

3.同步和异步：

     同步交互：当客户端向服务端发送请求之后，需要等待服务器响应结束之后，才可以发送第二

               个请求。

     异步交互：当客户端向服务器发送请求之后，不需要等待服务器响应结束之后，就可以发送第二

               个请求。

4.ajax优点和缺点

     优点：

      AJAX使用Javascript技术向服务器发送异步请求；

      AJAX无须刷新整个页面；

      因为服务器响应内容不再是整个页面，而是页面中的局部，所以AJAX性能高；

     缺点：

      AJAX并不适合所有场景，很多时候还是要使用同步交互；

      AJAX虽然提高了用户体验，但无形中向服务器发送的请求次数增多了，导致服务器压力增大；

      因为AJAX是在浏览器中使用Javascript技术完成的，所以还需要处理浏览器兼容性问题；

5.ajax实现步骤(四步)：

      1.得到XMLHttpRequest,不同的浏览器创建的方式是不一样的：

        大多数浏览器：var xmlHttp = new XMLHttpRequest();

        IE6:  var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

        IE5.5(更早):  var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

      2.打开连接： xmlHttp.open("","",bool);

        打开与服务器的连接,里面有三个参数：

        1.提交方式：GET 或者 POST;

        2.服务器URL: 请求的服务器位置，GET在URL后面加个？,?号后面都是参数

        3.为布尔类型：true/false ，如果为true代表异步请求。

        例如：xmlHttp.open("GET","AjaxDemo1?userName=lipeng",true);//true代表异步请求

      3.发送请求:xmlHttp.send(null):

        发送数据到服务器：

        参数：代表请求体里面的内容，如果是GET,由于GET没有请求体，所以给null,如果不给，

              可能造成部分浏览器出现错误。

              如果是POST:需要给定指定的参数：例如xmlHttp.send("userName=lipeng");

      4.监听从服务器传送过来的数据  0,1,2,3,4五种状态都可以监听到

        xmlHttp对象的五种状态：

            > 0状态：刚创建，还没有调用open()方法; 

            > 1状态：请求开始：调用了open()方法，但还没有调用send()方法

            > 2状态：调用完了send()方法了；

            > 3状态：服务器已经开始响应，但不表示响应结束了！

            > 4状态：服务器响应结束！（通常我们只关心这个状态！！！）

            通过xmlHttp.readyState 得到状态码

        服务器的响应码：

            200 ok 成功

            404 访问不到资源

            500 服务器出现错误

            通过xmlHttp.status 得到服务器响应码

         我们一般只关心服务器是否结束和响应码是否成功

         if(xmlHttp.readyState==4 && xmlHttp.status==200){}

         等到服务器传送过来的数据：

            得到文本文件：

                 xmlHttp.responseText;

            得到XML格式的文件：

                 xmlHttp.responseXML;

常用Jquery操作ajax请求，ajaxfileupload上传文件（http://blog.csdn.net/qiantujava/article/details/37934225）。