原生js实现的ajax

简介
ajax可以说是互联网发展的一个至关重要的因素之一，因为它实现了不重新加载页面情况下的页面刷新，即当我们在浏览页面的时候，不用主动去刷新页面，ajax会自动帮助我们刷新接下来的内容。

ajax的使用方法：

//第一步，创建XMLHttpRequest对象
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

//第二布，向服务器端发送请求
    xmlhttp.open("GET", movieUrl, true);
    xmlhttp.send();

//服务端响应
//这里假设以电影api接口为例，得到数据后以列表形式显示到页面上
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            let obj = JSON.parse(xmlhttp.responseText); //响应的结果
            console.log(obj);
//在css中设置一个ul，在这里动态添加li
            for(let movie of obj.data){
                li.innerHTML = `${movie}`;
                console.log(li);
                list.appendChild(li);
            }
        }