IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[XMLHttpRequest] Affichage données dans désordre


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 26
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2020
    Messages : 1
    Points : 1
    Points
    1
    Par défaut [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 : 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 : 73
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.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 102
    Points : 44 862
    Points
    44 862
    Par défaut
    Bonjour et bienvenue sur DVP.

    Tu devrais lire la discussion récente : Tableau d'objets qui change d'order.

Discussions similaires

  1. [Liste]Affichage données dans une liste
    Par Zartak dans le forum Requêtes et SQL.
    Réponses: 5
    Dernier message: 22/05/2007, 17h02
  2. pb d'affichage données dans une requete
    Par b_steph_2 dans le forum Requêtes et SQL.
    Réponses: 7
    Dernier message: 05/03/2007, 14h49
  3. Réponses: 3
    Dernier message: 01/06/2006, 19h45
  4. [SQL] Moteur de recherche problème affichage donnée dans select
    Par vincedjs dans le forum PHP & Base de données
    Réponses: 9
    Dernier message: 07/04/2006, 20h27
  5. [SQL-Server] Pb affichage données dans tableau
    Par steve o'steen dans le forum PHP & Base de données
    Réponses: 6
    Dernier message: 14/03/2006, 09h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo