How to wait unitl xhr finished?

Question

I'm making a website where I need to get all people who are registered to an event but every time I make the xhr request the code execute and do not wait the xrh response, that's cause a lot of trouble in the following code...

let inscrit = new XMLHttpRequest();
let methode = "GET";
let url = "php/getInscrit.php";
let asynchronous = true;

inscrit.open(methode, url, asynchronous);
inscrit.timeout = 4000;
inscrit.onload = function () {
  let people;

  if (this.readyState == 4 && this.status == 200) {
    people = JSON.parse(this.responseText);
  }
};
inscrit.send(null);
return people;

Sorry for my bad English and ty

how do u know its not executing on time? did u try console logging it? — B''H Bi'ezras -- Boruch Hashem, Nov 22 '21 at 21:42
@B''HBi'ezras--BoruchHashem I made an console log when I call this function and "people" is alwais null and In my network console it prove me that's not null — PascheK7, Nov 22 '21 at 21:44

score 0 · Answer 1 · answered Nov 22 '21 at 21:43

0

It seems like the problem is in "onload", which is only called one time, which could be right at the beginning before it's fully loaded, instead you should do everything in the onreadystatechange callback, so for example:

  let inscrit = new XMLHttpRequest();
    let methode = "GET";
    let url = "php/getInscrit.php"
    let asynchronous = true;

    inscrit.open(methode, url, asynchronous);
    inscrit.timeout = 4000;
    inscrit.onreadystatechange = function() {


        let people ;

        if (this.readyState == 4 && this.status == 200) {

            people = JSON.parse(this.responseText);


        }
    }
    inscrit.send(null);
    return people ;

answered Nov 22 '21 at 21:43

B''H Bi'ezras -- Boruch Hashem

3,665
3
33
83

"which could be right at the beginning before it's fully loaded" — No. The entire point of the load event is that it fires just **after** it is fully loaded. – Quentin Nov 22 '21 at 21:52
This code won't work either (for the same reason that the original code doesn't: It returns before the value is assigned to `people` in the callback). – Quentin Nov 22 '21 at 21:53
@Quentin OP never said this was inside of a function, so "return" could be superfluous – B''H Bi'ezras -- Boruch Hashem Nov 22 '21 at 21:54
If it isn't inside a function then the question doesn't make any sense at all. We can safely infer that it is. – Quentin Nov 22 '21 at 21:55
@Quentin y doesnt it make sense? this can all be happening on page load – B''H Bi'ezras -- Boruch Hashem Nov 22 '21 at 23:38

How to wait unitl xhr finished?

1 Answers1