ajax

一、什么是Ajax

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

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

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

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

二、为什么我们需要Ajax？

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

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

Ajax就是能够做到局部刷新

三、AJAX核心：XMLHttpRequest

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

3.1XMLHttpRequest 工作原理

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

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

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

3.2创建XMLHttpRequest对象

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

• 在IE6以下的版本创建 ActiveXObject
• 在IE6以上的版本均支持 XMLHttpRequest 对象

Ajax 的优点和缺点

优点

• 实现异步通信效果
• 实现页面局部刷新
• 带来更好的用户体验
• 按需获取数据
• 节约带宽资源

缺点

• ajax 不支持浏览器 back 按钮
• 安全问题 AJAX 暴露了与服务器交互的细节
• 对搜索引擎的支持比较弱
• 破坏了程序的异常机制