什么是 AJAX

AJAX是什么呢：AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML）

它是一门技术，一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。常用于开心网，微博等等

实现过程

//首先需要 创建XMLHttpRequest对象,也就是创建一个异步调用对象.
var xhr = new XMLHttpRequest();
//发送Http请求
xmlHttp.open("GET","test.php",true);
//第一个参数定义发送请求所使用的方法
//第二个参数规定服务器脚本的URL
//第三个参数规定了请求是否需要异步的处理
//注意调用open()函数时请求没有真正发出，仅仅是配送了发送窗口
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
//此时我们将服务器请求的数据进行转码
xhr.onreadystatechange = function (ev2) {
//监听服务端
/*0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪*/
if(xhrp.readyState === 4){
// 判断是否请求成功
if(xhr.status >= 200 && xhr.status < 300 ||xhr.status === 304){
// 5.处理返回的结果
console.log("接收到服务器返回的数据");
}
else{console.log("没有接收到服务器返回的数据");
}
}
}
//为异步请求的时候，需要写一个回调函数，XMLHttpRequest对象有一个属性，这个属性要返回一个匿名的方法，所谓的回调函数，就是请求在后台处理完，再返回到前台所实现的功能。
xhr.send();
//此时用send()方法才算是正真的发出请求

AJAX的工作原理

在用户和服 务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给 Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

XMLHTTPRequest对象

Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。

XMLHttpRequest 对象方法描述

XMLHttpRequest 对象属性描述

AJAX的优缺点

优点

1. 无刷新更新数据
   
   AJAX最大优点就是能在
   
   不刷新整个页面的前提下与服务器通信维护数据
   
   。这使得Web应用程序更为迅捷地响应用户交互，并避免了在网络上发送那些没有改变的信息，减少用户等待时间，带来非常好的用户体验。
2. 异步与服务器通信
   
   AJAX使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。
   
   优化了Browser(浏览器)和Server(服务器)之间的沟通
   
   ，减少不必要的数据传输、时间及降低网络上数据流量。
3. 前端和后端负载平衡
   
   AJAX可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，
   
   AJAX的原则是“按需取数据”，可以最大程度的减少冗余请求和响应对服务器造成的负担
   
   ，提升站点性能。
4. 基于标准被广泛支持
   
   AJAX 基于标准化的并被广泛支持的技术，不需要下载浏览器插件或者小程序，但需要客户允许JavaScript在浏览器上执行。随着Ajax的成熟，一些简化 Ajax使用方法的程序库也相继问世。同样，也出现了另一种辅助程序设计的技术，为那些不支持JavaScript的用户提供替代功能。
5. 界面与应用分离
   
   Ajax使WEB中的界面与应用分离（也可以说是数据与呈现分离），有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。

缺点

1. 浏览器功能的破坏
   
   
   破坏浏览器的后退与加入收藏书签的功能
   
   ，在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。
   
   开发者已想出了种种办法来解决这个问题，HTML5之前的方法大多是在用户单击后退按钮访问历史记录时，通过创建或使用一个隐藏的IFRAME来重现页面上的变更。（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态）。《来源于百度百科》
   

2. AJAX的安全问题。
   
   AJAX 技术给用户带来很好的用户体验的同时也对IT企业带来了新的安全威胁，Ajax技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比 以前更多的数据和服务器逻辑。Ajax的逻辑可以对客户端的安全扫描技术隐藏起来，允许黑客从远端服务器上建立新的攻击。还有Ajax也难以避免一些已知 的安全弱点，诸如跨站点脚步攻击、SQL注入攻击和基于Credentials的安全漏洞等等。

3. 对搜索引擎支持较弱。
   
   对搜索引擎的支持比较弱。如果使用不当，AJAX会增大网络数据的流量，从而降低整个系统的性能。

100——客户必须继续发出请求

101——客户要求服务器根据请求转换HTTP协议版本

200——交易成功

201——提示知道新文件的URL

202——接受和处理、但处理未完成

203——返回信息不确定或不完整

204——请求收到，但返回信息为空

205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件

206——服务器已经完成了部分用户的GET请求

300——请求的资源可在多处得到

301——删除请求数据，重定向

302——在其他地址发现了请求数据

303——建议客户访问其他URL或访问方式

304——客户端已经执行了GET，但文件未变化

305——请求的资源必须从服务器指定的地址得到

306——前一版本HTTP中使用的代码，现行版本中不再使用

307——申明请求的资源临时性删除

400——错误请求，如语法错误

401——请求授权失败

402——保留有效ChargeTo头响应

403——请求不允许

404——没有发现文件、查询或URl

405——用户在Request-Line字段定义的方法不允许

406——根据用户发送的Accept拖，请求资源不可访问

407——类似401，用户必须首先在代理服务器上得到授权

408——客户端没有在用户指定的饿时间内完成请求

409——对当前资源状态，请求不能完成

410——服务器上不再有此资源且无进一步的参考地址

411——服务器拒绝用户定义的Content-Length属性请求

412——一个或多个请求头字段在当前请求中错误

413——请求的资源大于服务器允许的大小

414——请求的资源URL长于服务器允许的长度

415——请求资源不支持请求项目格式

416——请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段

417——服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求

500——服务器产生内部错误

501——服务器不支持请求的函数

502——服务器暂时不可用，有时是为了防止发生系统过载

503——服务器过载或暂停维修

504——关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长

505——服务器不支持或拒绝支请求头中指定的HTTP版本