XMLHtt pRequest 用于后台和服务器交换数据。
有了XMLHttpRequest对象后，同步世界变为了异步世界。通过XMLHttpRequest这个对象后台可以和服务器交换数据。
实现Ajax技术的三个步骤:
1、运用HTML、CSS技术实现页面，表达信息；
2、运用XMLHttpReques和web服务器进行数据的异步狡猾；
3、运用JavaScript操作DOM，实现动态局部刷新。
创建XMLHTTPRequest对象：
var request = new XMLHTTPRequest();
在IE6或更早的版本是不支持的
var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();
}else{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
一个HTTP请求一般由四个部分组成:
1、请求的方法或动作,get还是post
2、请求的URL，即请求的地址
3、请求头，包括客户端环境信息，身份验证信息
4、请求体，与请求头之间有个空格，一般包含客户提交的查询字符串信息，表单信息等。
Http响应一般由三个部分组成:
1、由一个数字和文字组成的状态码，用来显示请求是成功还是失败；
2、响应头，包含服务器类型，日期时间，内容类型和长度等；
3、响应体，也就是响应正文。
Http状态码由三位数字组成，其中首位数字定义了状态码的类型：
1XX:信息类，表示收到web浏览器请求，正在进一步的处理中；
2XX:成功，表示用户请求被正确接收、理解和处理，例如：200 OK
3XX：重定向，表示请求没有成功，客户必须采取进一步的动作
4XX: 客户端错误，表示客户端提交的请求有错误，如404 NOT FOUND，意味着请求中引用的文档不存在。
5XX ：服务器错误，表示服务器不能完成对请求的处理。
GET和POST区别：
GET：信息的获取，安全的（用查询），对任何人可见变量名和值显示在URL，数量有限在2000字符。
POST：安全，向服务器发送信息，不在URL中或嵌入请求体中，数量不受限。
用GET请求做查询，POST新增，删除，修改
一、xhr发送请求
1、open方法：
（1）参数：
1）method：发送请求方法，get方式还是post方式，不区分大小写，一般使用大写。
2）url：请求地址，可以使用相对地址，也就是相对文档的地址，也可以使用绝对地址。
2）async：请求同步/异步，一般使用异步请求，这个参数就是true，如要使用同步的话，就是false。默认的是true(异步)，所以，如果是异步请求的话，这个参数可以不写。
2、send方法：
（1）send方法将请求发送到服务器上
（2）参数：
1）string:
①使用get请求时，实际是没有主体的，所有的参数都拼在url中，所以send参数可以不填，或者填写null。
②post请求时，send请求一定要有参数。
3、request.setRequestHeader()方法
（1）设置http的头信息，告诉web服务器要发送一个表单的话，设置Content-type为application/x-www-form-urlencoded。
（2）Content-type有2种，一般用application/x-www-form-urlencoded，一般如果不发送文件，都采用这种方式。
（3）request.setRequestHeader()要写在open()和send（）中间，否则会抛出异常。
4、概念介绍-XMLHttpRequest发送请求
request.open('GET','get.php',true);
request.send();
request.open('POST','post.php',true);
request.send();
request.open('POST','create.php',true);
request.setRequestHeader('Content-type','application/x-www-form-urlencoded');
request.send('name=王二狗&sex=男');
一、xhr取得响应
1、responseText:获得字符串形式的相应数据。
2、responsXML:获得XML形式的相应数据。
3、status和statusText：以数字和文本形式返回http状态码。
4、getAllResponseHeader()：获取所有的响应报头。
5、getResponseHeader()：查询响应中的某个字段的值。
6、readyState属性：响应返回成功的时候得到通知。
（1）0：请求未初始化，open还没有调用。
（2）1：服务器连接已建立，open已经调用了。
（3）2：请求已经接收，也就是接收到头信息了。
（4）3：请求处理中，也就是接收到响应主体了。
（5）4：请求已完成，且响应已就绪，也就是响应完成了。
二、典型的xhr建立ajax的过程。（涵盖了ajax的大部分内容）
1、new一个xhr对象。
2、调用xhr对象的open方法。
3、send一些数据。
4、对服务器的响应过程进行监听，来知道服务器是否正确得做出了响应，接着就可以做一些事情。比如获取服务器响应的内容，在页面上进行呈现。
监听方法:
var request = new XMLHttpRequest();
request.open("GET","get.php",true); //get请求 URL 异步
request.send();
request.onreadystatechange = function(){
if(request.readyState===4 && request.status === 200){
}
}
一、json解析:json转对象=》 2种方法
1.eval()
2.JSON.parse()
实例：
var jsonData='{
"data":[{"name":"a",age:1},{"name":"b",age:2},{"name":"c",age:3}]
}';
法一：var jsonObj=eval("("+jsonData+")");
alert(jsonObj.data[0].name);//a
法二：var jsonObj=JSON.parse(jsonData);
alert(jsonObj.data[0].name);//a
两种方法比较：
eval();不安全，如果json中有函数或js程序代码（alert或一个window.location.href()跳转链接病毒网站等），会优先执行代码，危险操作！！！
JSON.parse();对json文件具有校验功能，如果json文件里面有程序脚本，会解析报错。
建议使用第二种方法解析json文件！！！！
二、常用的在线格式化和校验json文件工具：
网址：jsonlint.com