Ajax 是什么? 如何创建一个 Ajax？它有哪些缺点？

---

前言

在传统的网页开发中，网页呈现是自上而下运行，只有上面的程序数据执行完毕，才会执行下面的程序。

这样的话就会造成一种后果，一旦有一个数据传输卡住，就要一直等它传输完毕下面页面才会呈现

那我们有没有一种方法，可以让传输体积小的、传输速度快的数据自己先行传输，无需等上面加载完毕呢？于是Ajax技术便应运而生。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、Ajax是什么？

Ajax 并不算是一种新的技术，全称是 asynchronous javascript and xml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新。

早期的浏览器并不能原生支持 ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对 ajax 的原生支持。

使 用 ajax 原 生 方 式 发 送 请 求 主 要是 通 过 XMLHttpRequest( 标 准 浏 览 器 ) 、ActiveXObject(IE 浏览器)对象两种方式实现异步通信效果

Ajax的特点：Ajax 可以实现异步通信效果，实现页面局部刷新，带来更好的用户体验；按需获取数据，节约带宽资源；

二、 如何创建一个 Ajax？

代码如下（示例）：

var xhr =null;//创建对象
if(window.XMLHttpRequest){
	xhr = new XMLHttpRequest();
}else{
	xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open('','','位');
xhr.setRequestHeader('属性名称','属性值')
// 参数：
// 4: 请求已完成，且响应已就绪
// 200: 成功
xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200){
        console.log(xhr.responseText); 
    } 
}
xhr.send();//发送请求

创建新的 HTTP 请求中的open函数有三个参数：
1、method：请求的类型；GET 或 POST
2、url：文件在服务器上的位置
3、async：true（异步）或 false（同步）

二、 Ajax的缺点

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

---

总结

提示：本文简单介绍了Ajax的创建以及优缺点，如有错误，欢迎评论指正。共勉~