2019-05-20

Ajax的作用：

我们在客户端应用的时候，并不能随意请求服务端的数据，只有几种仅有的方式去请求数据，但是在用户使用的过程中，我们必须经常请求数据，而有了Ajax之后，我们可以通过js控制，随时请求服务器数据，进行网络编程。

Ajax快速上手：

直接在HTML文件中的script标签中写代码：

1. 新建一个代理请求对象：

var xhr = new XMLHttpRequest();

2.给这个代理人指定请求方式和请求地址：

xhr.open('GET' , 'http://服务器上面请求页面的地址');

3.开始请求

xhr.send(); 

4.因为可能请求内容很多，js代码是单线执行，不可能等待请求，所以Ajax是一个通知形式来告诉是否拿到内容

xhr.onreadystatechange = function(){

console(this.readyState);

}

输出结果是：1,2,3,4

代表的是几种状态的改变

5.如何拿到数据？

我们只有在响应对应的状态拿到对应的值，或者等响应完成之后拿到值

获取响应头：

xhr.getAllResponseHeaders();//获取所有的响应头信息，是一个字符串

xhr.getResponseHeaders('响应头中对应的键');

获取响应体：

xhr.responseText();//获取响应体中的信息，也就是服务器返还给页面的信息

事例：不考虑兼容性最简单获取响应体信息的代码：

设置请求报文的方式：

1.设置请求行

xhr.open('post','请求路径');

2.设置请求头

xhr.setRequestHeader('Foo','bar');

3.设置请求体

xhr.setRequestHeader('Content-Type','application/对应的数据格式');

xhr.send('数据的格式');