关于Ajax写的顺序的好坏

Question

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 );

        }

        

    }

    

}

}

Answer 1

ajax执行他执行某个方法之后 寻找对应的下一个方法 和书写顺序没关系但是建议按顺序写 遵循JS书写规律和执行规律