初识AJAX（自用）

初识AJAX

AJAX(async Javascript and XML 译：异步的JavaScript和XHR)： 是一种实现无页面刷新获取服务器数据的混合技术。

一、创建AJAX

1、创建实例化对象

let xhr = new XMLHttpRequest()

2、建立连接

xhr.open(‘请求方式’,‘请求路径’,‘同步异步（默认异步）’)

xhr.open('get', "http://elm.cangdu.org/v1/cities?type=hot")

3、发送请求

xhr.send()

4、获取请求的数据

xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {//当 readyState 等于 4 且状态为 200 时，表示响应已就绪
            console.log(JSON.parse(xhr.response));
        }
    }

注：
onreadystatechange:存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。

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