原生JS实现AJAX

快速理解AJAX

1. 创建一个XMLHttpRequest实例
2. 通过open方法，填入请求类型，地址，同步还是异步
3. 设置请求头信息，比如内容格式为json
4. 通过send方法发送请求数据
5. 通过onreadstatechange方法获取响应数据，包括状态码和data

var xhr = new XMLHttpRequest(); //ajax实例化
xhr.open(ajaxData.type, ajaxData.url, ajaxData.async); // post,xxx.com/api,sync
xhr.setRequestHeader("Content-Type", ajaxData.contentType); // json
xhr.send(convertData(ajaxData.data));
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
        if (xhr.status == 200) {
            ajaxData.success(xhr.response)
        } else {
            ajaxData.error()
        }
    }
}