如往常一样我们先来了解一下什么是AJAX？
AJAX##
AJAX 是一种创建交互式网站网页应用的网页开发技术， 可以访问服务器数据的局部刷新的技术。
AJAX能干什么呢？
1.可以做搜索中的自动提示
2.邮箱注册 用户名检测
3.图片的无刷新加载
Ajax技术的核心是[XMLHttpRequest]对象（简称XHR），可以通过使用XHR对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式。
JSON##
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 通过JavaScript中的一些模式来表示结构化数据, JSON 并不是 JavaScript 独有的数据格式，其他很多语言都可以对 JSON 进行解析和序列化,
JSON 的语法可以表示三种类型的值：
- 对象表示法
- 数组表示法
- 对象和数组的结合的表示法
除了JSON外, 还有XML也是一种数据表示方式;
XML##
XML是扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。
XHR 的出现，提供了向服务器发送请求和解析服务器响应流畅的接口。能够以异步方式从服务器获取更多的信息，这就意味着，用户只要触发某一事件，在不刷新网页的情况下，更新服务器最新的数据。
虽然 Ajax 中的 x 代表的是 XML，但 Ajax 通信和数据格式有关，也就是说这种技术不一定使用 XML。相反目前常用的数据格式是JSON.
XHR对象支持IE7+、Firefox、Opera、Chrome 和 Safari 等浏览器, 但是不支持IE6。
创建 XHR 对象可以直接实例化 XMLHttpRequest 。
var xhr = new XMLHttpRequest();
alert(xhr); //XMLHttpRequest
如果是 IE6 及以下，那么我们必须还需要使用 ActiveX 对象通过 传入参数Microsoft.XMLHTTP来实现。
xhr = new ActiveXObject("Microsoft.XMLHTTP");
open()方法:
它接受三个参数：要发送的请求类型(get、post)、请求的 URL 和表示是否异步
xhr.open('get', 'demo.json', false); //对于demo.json 的 get 请求，false表示同步
send()方法:
向服务器发送请求
open()方法并不会真正发送请求，而是准备好需要发送给服务器的内容。我们需要通过send()方法向服务器发送请求
send()方法接受一个参数，作为请求体发送的数据。如果是get方式请求则填 null。
xhr.send(null);
abort()方法
取消异步请求, 如果需要取消某异步请求, 则在send()之后再调用, 写在send()之前调用会报错
//取消异步请求
xhr.abort();
XHR 对象的属性:
当请求发送到服务器端，收到响应后，响应的数据会自动填充 XHR 对象的属性。一共有四个属性：
status: 响应的 HTTP 状态 (重要)
statusText: HTTP 状态的说明 (重要)
responseText: 作为响应主体被返回的文本 (重要)
responseXML: 如果响应主体内容类型是"text/xml"或"application/xml"，则返回包含响应数据的 XML文档,否则是null
readyState 属性
0: 没有发送
1: 已经发送了，但服务器还没有接收到
2: 服务器已经接收到了，但还没有处理完数据
3: 服务器已经处理完数据，并已经返回
4: 客户端已经正常接收到服务器返回的数据
status 属性:
HTTP请求状态码, 一般 HTTP 状态代码为 200 则表示请求服务器成功
//所以我们一般在写的时候都会加上一个判断
if (xhr.readyState == 4 && xhr.status == 200) {
}
HTTP 协议中的状态码
404: 找不到服务器中的资源
403: 服务器缓存
500： 服务器故障
200: 【正常】返回
400: 语法错误导致服务器不识别
503: 由于服务器过载或维护导致无法完成请求
//这些状态码能够快速的让我们知道错误的内容
那么在书写的时候要注意有四步骤：
// 1. 创建对象
var req = new XMLHttpRequest();
// 2. 准备
// 参数1： 获取数据的方式， GET、POST
// 参数2： 向服务器请求数据的地址 格式： 例如： http://ip:8080/ajax/ajaxtest
// 参数3： false 代表同步的方式请求数据，true 代表异步
// req.open("GET", "http://127.0.0.1:8080/ajax/ajaxtest", false);
req.open("GET", "http://127.0.0.1:8080/ajax/ajaxtest", false);
// 3. 发送请求
req.send();
// 4. 获取数据
req.onreadystatechange = function() {
if (req.readyState == 4) {
if (req.status == 200) {
// 200 说明返回的数据是正常的
var str = req.responseText;
}
}
}
然而这还没有完，怎么办呢？要锁门了！
青山不改，绿水长流，我们江湖再见！
