ajax，axios，fetch，async，await请求函数

原生 ajax请求 ：

• 优点：局部刷新，提高用户体验

• 缺点：跨域问题限制

//01、创建XMLHttpResquest对象，（异步调用对象）

varxhr=null;

if(window.XMLHttpRequest) {

    xhr=newXMLHttpRequest();//ie7+等现代浏览器

}elseif(window.ActiveXObject) {//ie6，老版Opera

    xhr=newActiveXObject('Microsft.XMLHTTP')

}

//02、创建一个新的HTTP请求，并指定其请求方法、URL以及验证信息

xhr.open('get','百度一下，你就知道',true)//true表示异步，可以省略

//03、设置响应HTTP请求状态变化函数

xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')//post 必须设置

xhr.onreadystatechange=function() {//若为同步，此代码不用写，直接在send后，用xhr.responseText即可

    if(xhr.readyState==4&&xhr.status==200) {

/* readyState

0：请求未初始化 1：服务器已建立连接 2：请求已接收 3：请求处理中 4：请求已完成，且响应就绪

status 200：OK 404：Not Found */

//获取异步返回的数据

        xhr.responseText

        xhr.responseXML.children[0].children

        JSON.parse(xhr.responseText)

    }

}

//04、发送HTTP请求

xhr.send(String)//用于post传值，形式：‘a=1&b=2’，而get传参就在url后面用“?”拼接

axios ：

• axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。