枯燥的ajax纯文本

请求纯文本数据

	document.getElementById('button').addEventListener('click',loadText);
            function loadText(){
    
    
                var  xhr = new XMLHttpRequest();
                xhr.open('GET','https://mock.yonyoucloud.com/mock/17427/css.txt',true);
                
                 //处理中执行.
                xhr.onprogress = function(){
    
    
                    console.log('123')
                }
                
                
                
                //两种方式请求  onload/onreadystatechange
                
                
                //1
                // xhr.onload = function(){//进入里面就说明readyState等于4
                //     console.log(this.responseText);
                // }



                //2
                xhr.onreadystatechange =function(){
    
    
                    console.log(xhr.readyState);
                    if(this.status == 200 && this.readyState==4){
    
    
                        document.getElementById('text').innerHTML = this.responseText;
                    }else if(this.status==404){
    
    
                        alert('网页不存在')
                    }
                }


                //发送请求
                xhr.send();
            }

           // readyState 状态码
           //0：请求未初始化
           //1：服务器连接已建立
           //2：请求已接收
           //3：请求处理中
           //4：请求已完成，且相应已就绪
         //  HTTP  状态码
         //  200 -服务器成功返回网页
         // 404 - 请求的网页不存在
         // 503 - 服务器暂时不可用

------------------------