Ajax基础知识（随手笔记）

1.XMLHttpRequest也是一个对象，对象里有很多方法，其中最有用的是open这个方法

const xhr = new XMLHttpRequest()；//构造函数，将XMLHttpRequest对象创造一个xhr实例

2.xhr的open方法

有两三个参数，

第一个参数是你打算用什么方法请求服务器来获取数据，好比你去买东西，你可以用微信，现金，支付宝多种方式来购买, 其中包括“GET”，“POST”,"SEND",根据使用场景的不同，切换使用。

第二个参数是位于这个服务器端口上的server这个文件内容,

第三个参数是一个boolean值，有true和false 来选择是否以异步的方式发送请求.

3.onreadystatechange是xhr里的一个方法

字面意思为，当 状态 准备 发生 变化 的时候要怎么做，准确的来说，是在你open方法调用后，服务器马上要给你送回数据的时候，你可以预先对即将返回的数据dosomesing。

这时候xhr对象里有一个属性名为readyState(注意State的S是大写)：0,1,2,3,4会被赋值，这四个状态是依次改变的，0 到1，1到2，2到3，3到4。 一共四次状态变化，3和4 并不是二选一

0 表示还没开始.为这个属性的初始值

1 表示open方法开始被调用结束

2 表示send（）方法已经运行结束

3 表示服务器 一部分 数据送回来了        //这一步的时候其实就可以操作数据了，但是不合理

4表示全部数据已经返回

const xhr = new XMLHttpRequest();
xhr.open("GET","http://localhost:8000/server");//调用XMLHttpRequest的open方法
send();   //这是POST方法里要用的
xhr.onreadystatechange = function(){

if(readyState===4){

在这里进行数据操作
}

}