Zapytanie AJAX

Question

Witam, czy to normalne, że jeżeli za pomocą AJAXa wyślę zapytanie

let xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
        if(this.status == 200)
        {
            console.log(this.responseText);
        }
    }
    xhr.open('GET', `field.php?f=${field}`, true);
    xhr.send();

to w konsoli dostanę najpierw 2 razy pustą wiadomość, a później dopiero prawidłową?

EDIT: zmieniłem przychodzący responseText i teraz dostaję 1 wiadomość pustą i 2 prawidłowe, ale nadal coś jest chyba nie tak, bo dostaję 3 wiadomości zamiast 1

Comments

To może być "dobra pora", żeby zacząć korzystać z fetch-a. 

Answer 1

To że widzisz odpowiedź trzy razy może wynikać z tego, że nie dodałeś warunku, który sprawdza czy stan XHR-ki jest już zakończony i Twój console.log wykonuje się dla ostatnich trzech stanów:

• HEADERS_RECEIVED
• LOADING
• DONE

Dodanie warunku (wg przykładu z dokumentacji)

if (this.readyState === XMLHttpRequest.DONE) {
  // reszta kodu
}

powinno pomóc.