使用ajax请求数据接口 （超详细~~~）

什么是ajax？

ajax---  async  javascript and xml 异步的js和xml
主要时用来实现页面的局部刷新的一门技术
核心对象 XMLHttpRequest

使用方法

1.实例化核心对象 var 变量名=new XMLHttpRequest()
2.建立连接  变量名.open('请求方式','请求的路径','同步异步')
3.发送请求，如果说要传参数，可以写在这个里面
4.请求成功之后的接收
变量名.onreadystatechange=function(){
        如果说当前的状态值 readystate为4并且status请求状态为200 证明成功
        接受返回数据 变量名.response
}

例：

var xhr =new XMLHttpRequest()
xhr.open('get','请求接口')
xhr.send()
xhr.onreadystatechange=function(){
    if(xhr.readyState==4&&xhr.status==200){
    console.log(Json.parse(xhr.response))
}
}

扩展:

ajax和axios、fetch的区别

Ajax 指的是 XMLHttpRequest， 最早出现的发送后端请求技术，属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱

JQuery ajax 是对原生XHR的封装，还增添了对JSONP的支持

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范

fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的

fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。

axios和fetch相比

fetch比较轻量
用法基本一样
axios和fetch都是vue请求的插件