Ajax的基本用法

XMLHttpRequest

　　Ajax想要事项浏览器与服务器之间的异步通信 需要依靠XMLHttpRequest，它是一个构造函数

　　不论是 XMLHttpRequest 还是Ajax都没有具体的某种数据格式绑定

　　Ajax的使用步骤

　　创建xhr对象

　　const xhr = new XMLHttpRequest();

Ajax的使用步骤

　　准备发送请求

　　

　　调用open并不会真正发送请求 而只是做好发送请求前的准备工作

　　调用send()正式发送请求

　　send()的参数是通过请求体携带的数据

　　xhr,send(null);

使用Ajax完成前后端通信

　　监听时间 处理响应

　　当获取到响应后 会触发xhr对象的readystatechanged事件 可以在该事件中对响应进行处理

　　xhr.onreadystatechange=()=>{

　　　　if(xhr.readyState !==4) return;

　　}

　　HTTP CODE

　　获取到响应后 响应内容会自动填充xhr对象的属性

　　xhr.status：HTTP 200 404

　　xhr.statusText：HTTP状态说明 OK Not Found

　　if((xhr.status >= 200)&(xhr.status<300)||xhr.status===304){

　　　　console.log（‘ 正常使用响应数据 ’）

　　　　console.log(xhr.responseText);

　　}

　　readystatechanged事件也可以配合addEventListener用 不过要注意 IE6~8不支持 addEventListener

　　为了兼容性 readystatechanged中不使用this 而是直接使用xhr

　　由于兼容性的原因 最好放在open之前

　　readystatechange 事件监听 readyState 这个状态的变化

　　它的值从 0~4，一共5个状态

　　0：未初识化 尚未调用open()

　　1：启动 已经调用open() 但尚未调用send()

　　2：发送 已经调用send() 但尚未接收到响应

　　3：接收 已经接收到部分响应数据

　　4：完成 已经接收到全部响应数据 而且已经可以在浏览器中使用了