window.onload = function() {

var oBtn = document.getElementById('btn');

oBtn.onclick = function() {
    
    var xhr = new XMLHttpRequest();
    
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
            if ( xhr.status == 200 ) {
                alert( xhr.responseText );
            }
        }
    }//教程中说把监听的事件函数写在xhr.open('get', '1.txt', true);xhr.send();前面比较好，为什么呢？
    
    xhr.open('get', '1.txt', true);
    xhr.send();
    
    
}

}

下面这么写也没处问题额？
window.onload = function() {

var oBtn = document.getElementById('btn');


oBtn.onclick = function() {
    
    //打开浏览器
    var xhr = new XMLHttpRequest();
    //在地址栏输入地址
    xhr.open('get','1.txt',true);
    //提交
    xhr.send();
    
    //等待服务器返回内容
    xhr.onreadystatechange = function() {
        
        if ( xhr.readyState == 4 ) {
            alert( xhr.responseText );
        }
        
    }
    
}

}