AJAX add event listener

Question

Witam, mam takie pytanie. Wiem że zamiast onload itp. należy używać add event listener. Tworzę skrypt do ajaxa i chciałbym się dowiedzieć jak to poprawnie powinno wyglądać, konsola pokazuje mi błąd.

function ajax() {
    var req = new XMLHttpRequest();
    req.onreadystatechange = function () {
        if (req.readyState == 4 && req.status == 200) {
            document.getElementById('chat_box').innerHTML = req.responseText;

        }
    }
    req.open('POST', 'chat.php', true);
    req.send();
}
setInterval(function () {
    ajax()
},1000);
document.body = addEventListener("load", ajax, false);

 

Answer 1

Po pierwsze load zachodzi na window, nie document.body. Po drugie addEventListener jest metodą, więc:

window.addEventListener( 'load', ajax, false );

 

Comments

Ostatnio argento coś pisał o tym, że funkcja addEventListener odnosi się również do obiektu window.

Czyli addEventListener dziala tak samo, jak window.addEventListener. Nie wiem, jak z kompatybilnością etc.

---

Akurat w JS jest tak, że praktycznie większość globalnych funkcji to tak naprawdę metody obiektu window. Stąd window.addEventListener === addEventListener.

---

Czyli jeszcze inaczej: ten skrypt próbuje nadpisać całe ciało dokumentu tym, co zwraca wywołanie window.addEventListener ;)