Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 5 sur 5
  1. #1
    Membre du Club
    Homme Profil pro
    graphisme & impression
    Inscrit en
    mars 2011
    Messages
    116
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : graphisme & impression

    Informations forums :
    Inscription : mars 2011
    Messages : 116
    Points : 41
    Points
    41

    Par défaut Attendre fin du foreach avant return

    Bonjour à tous,

    Je suis confronté à un problème qui me semble très bizarre. J'ai l'impression que jquery n'attend pas la fin du foreach avant de faire le return…

    En gros, mon code ne s'exécute pas dans le bon ordre
    Quelqu'un aurait-il une solution?
    Merci beaucoup!

    La console me sort:
    return
    data[object Object]
    entré dans boucle0
    entré dans boucle1

    Alors que je voudrais:
    boule 0
    boule 1
    return
    ensuite data

    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
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
     
    $(document).ready(function() {	
        if (navigator.geolocation){
            navigator.geolocation.getCurrentPosition(initialize);
        }
        else
        {
            alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");
        }	
    });
     
     
     
    function initialize(position) {
     
        var data = getAllGeoLoc();
        console.log('data'+ data);
     
        var lat = position.coords.latitude;
        var lng = position.coords.longitude;
     
        var mapOptions = {
            center: new google.maps.LatLng(lat, lng),
            zoom: 12,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
     
     
     
        var map = new google.maps.Map(document.getElementById("map"),
            mapOptions);
     
        for (var i = 0; i < data.position.length; i++) {
     
            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(data.position[i].lat,data.position[i].lng),
                title:data.position[i].title
            });
            console.log(data.position[i].lat);
            marker.setMap(map);
     
        }
    }
     
     
    function getAllGeoLoc(){ 
        var url = 'http://localhost:8080/content/capture/map.search.html';
        var geoArray = {"position": Array()};
        $.getJSON(url, function (geoLocData){
                $.each(geoLocData, function(index, elem){
                    console.log('entré dans boucle'+ index);
                    geoArray.position.push(( {"lat": elem.lat, "lng" : elem.lng, "title" : elem.title} ));
                });
            }
        );
        console.log('return');
        return geoArray;
    }

  2. #2
    Responsable Développement Web

    Avatar de Bovino
    Homme Profil pro Didier Mouronval
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    21 255
    Détails du profil
    Informations personnelles :
    Nom : Homme Didier Mouronval
    Âge : 43
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 21 255
    Points : 83 090
    Points
    83 090

    Par défaut

    J'ai du mal à comprendre ton raisonnement...

    Dans la fonction initialize, la première instruction c'est
    Code :
    var data = getAllGeoLoc();
    il est donc logique que cette fonction soit exécutée avant les suivantes et que tu obtiennes le log "return" en premier.
    La seconde instruction
    Code :
    console.log('data'+ data);
    n'a aucune raison non plus d'être exécutée après les suivantes, donc le log "data" est bien à sa place.
    Ensuite, la boucle est exécutée avec les logs correspondant.

    Donc rien que de très logique dans le résultat obtenu et je ne vois pas ce qui pourrait te faire penser que tu devrais obtenir le résultat que tu attends...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre du Club
    Homme Profil pro
    graphisme & impression
    Inscrit en
    mars 2011
    Messages
    116
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : graphisme & impression

    Informations forums :
    Inscription : mars 2011
    Messages : 116
    Points : 41
    Points
    41

    Par défaut explications

    Merci beaucoup pour ta réponse… Mon post est peut-être pas clair et j'avoue ne pas trop comprendre non plus

    Ce que je ne comprends pas, c'est que lorsque getAllGeoLoc() est appelé, la fonction fait d'abord un return avec un array vide et ensuite le foreach*…
    Hors ce que je souhaite c'est avoir mon foreach qui remplis l'array et ensuite le retourner.

    D'avance, merci beaucoup pour ton aide

  4. #4
    Responsable Développement Web

    Avatar de Bovino
    Homme Profil pro Didier Mouronval
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    21 255
    Détails du profil
    Informations personnelles :
    Nom : Homme Didier Mouronval
    Âge : 43
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 21 255
    Points : 83 090
    Points
    83 090

    Par défaut

    Une bonne compréhension de la notion de requête asynchrone est nécessaire :
    Un classique AJAX : utiliser les données au bon moment !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre du Club
    Homme Profil pro
    graphisme & impression
    Inscrit en
    mars 2011
    Messages
    116
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : graphisme & impression

    Informations forums :
    Inscription : mars 2011
    Messages : 116
    Points : 41
    Points
    41

    Par défaut ok

    Merci beaucoup pour la réponse, ces liens étaient très utiles!
    bon week-end

+ Répondre à la discussion
Cette discussion est résolue.

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •