什么是Ajax

Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML

Ajax实际上是下面这几种技术的融合：

• (1)XHTML和CSS的基于标准的表示技术
  
• (2)DOM进行动态显示和交互
  
• (3)XML和XSLT进行数据交换和处理
  
• (4)XMLHttpRequest进行异步数据检索
  
• (5)Javascript将以上技术融合在一起
  

客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术

为什么我们需要Ajax？

在我们之前的开发，每当用户向服务器发送请求，哪怕只是需要更新一点点的局部内容，服务器都会将整个页面进行刷新。

• 性能会有所降低(一点内容，刷新整个页面！)
  
• 用户的操作页面会中断(整个页面被刷新了)
  

Ajax就是能够做到局部刷新！

XMLHttpRequest

XMLHttpRequest对象是Ajax中最重要的一个对象。使用Ajax更多的是编写客户端代码，而不是服务端的代码。

XMLHttpRequest 工作原理

传统的web前端与后端的交互中，浏览器直接访问Tomcat的Servlet来获取数据。Servlet通过转发把数据发送给浏览器。

当我们使用AJAX之后，浏览器是先把请求发送到XMLHttpRequest异步对象之中，异步对象对请求进行封装，然后再与发送给服务器。服务器并不是以转发的方式响应，而是以流的方式把数据返回给浏览器

XMLHttpRequest异步对象会不停监听服务器状态的变化，得到服务器返回的数据，就写到浏览器上【因为不是转发的方式，所以是无刷新就能够获取服务器端的数据】

创建XMLHttpRequest对象

要创建XMLHttpRequest对象是要分两种情况考虑的：

• 在IE6以下的版本
  
• 在IE6以上的版本以及其他内核的浏览器(Mozilla)等
  

<scripttype="text/javascript">

       varhttpRequest;

       if(window.XMLHttpRequest){

           //在IE6以上的版本以及其他内核的浏览器(Mozilla)等

           httpRequest=newXMLHttpRequest();

       }elseif(window.ActiveXObject){

           //在IE6以下的版本

           httpRequest=newActiveXObject();

       }

   </script>