1 pièce(s) jointe(s)
[XMLHttpRequest] Affichage données dans désordre
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:
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 :
Pièce jointe 563156
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.
