Bonjour tout le monde,

J'utilise l'objet XMLHttpRequest pour récupérer des données via une API mais dans certains cas, ces données sont dans le mauvais ordre quand je les récupère, par exemple :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
let mealRequest = new XMLHttpRequest(),
    mealUrl = "http://localhost/IMT/Projet/app/api/meal/" + getCookie('IMMUserId');
 
// Récupération des données
mealRequest.open("POST", mealUrl);
mealRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
mealRequest.onreadystatechange = function() {
  if (this.readyState === XMLHttpRequest.DONE) {
    let mealResponse = JSON.parse(mealRequest.response);
 
    // Création d'un tableau avec les données récupérées
    mealResponse.results.forEach(meal => {
      let foodRequest = new XMLHttpRequest(),
          foodUrl = "http://localhost/IMT/Projet/app/api/food/" + meal.food;
 
      foodRequest.open('GET', foodUrl);
      foodRequest.onload = function() {
        let foodResponse = JSON.parse(foodRequest.response);
 
        // Création du tableau avec les lignes dans le désordre
      }
      foodRequest.send(null);
    });
  }
}
mealRequest.send("firstRow=" + firstRow + "&rowsNumber=" + rowsNumber);
Ce code m'affiche un tableau comme suit :

Nom : Capture.png
Affichages : 81
Taille : 62,9 Ko

Où les données devraient être triées par date décroissante.

Pourtant lorsque que je teste mes requêtes avec PostMan, tout se passe bien et je récupère correctement les données.

Si vous pouviez m'indiquer ce qui pourrait poser problème, merci d'avance.