Javascript va trop vite pour récup les données AJAX

[L'Omniscient]

Du coup, si je comprends bien, l'asynchrone c'est plusieurs codes qui s'exécutent en même temps ? En fait je crois que j'en ai fais en JS, sauf qu'à la place de callbacks, j'utilisent des variables qui changent de contenu poir bloquer ou non les autres codes qui doivent s'exécuter en parallèle (du genre bloquer une touche pour qu'elle ne puisse pas s'executer une deuxieme fois avant la fin du code précédent). En gros en appuyant sur X, si la variable open est in, le code s'exécute, la variable open in devient open out, du coup sinon reclique ca marche pas, et open out redevient open in en fin de code. (mais je crois pas que je puisse faire l'equivalent en échange AJAX/JS)

niahoo, j'ai essayé dans le success, marche pas parce que l'AJAX est success dès que la page répond et pqs une fois avoir activé le code à l'intérieur (er je suis l'Omniscient de LIle du coeur, pas du monde :p)

[niahoo]

Oui, tu dois mettre TOUT le code qui dépend du résultat de ta requete ajax dans success !

[L'Omniscient]

mais le problème c'est que la resolution de l'utilisation des données AJAX ne peut pas s'effectuer dans le success pour dzs questions de structure de code (c'est une possibilité qui impacte le resultat final). J'essaierai les callback ^^ ce soir surement, j'espere que je vais pas mettre une heure à piger comment ça fonctionne xD

[Xenos]

Alors, c'est que ta structure est mal fagottée.
Le principe de l'asynchrone, c'est pas d'exécuter des choses en même (ça, c'est le parallèlisme), mais d'exécuter des bouts de code dans le désordre, au fil de l'eau des évènements. Dans l'idée, sur AJAX, "asynchrone" signifie qu'on va lancer l'appel AJAX, et lui dire quelle callback rappeler quand il aura terminé. Pendant ce temps, on lance d'autres trucs (eux-mêmes peut-être asynchrones), et quand la requête AJAX reviendra, pouf, la callback sera lancée (en se glissant entre l'exécution de deux autres codes qui tourneront à ce moment-là).

Pour t'en faire une image, lancer la cuisson des carottes avec un minuteur qui bipera quand elle seront cuite, et de partir monter une bibliothèque en chêne pendant ce temps. Quand le minuteur sonne, tu vas t'occuper des carottes (sauf si t'es en plein milieu d'un vissage). T'es tout seul à faire tout ça (tu ne *fais* pas des trucs en parallèle), mais tu es en asynchrone (tu n'attends pas que les carottes soient cuites avant de commencer la bibliothèque).

[L'Omniscient]

Ma structure :

Evènement n°1 - Clic sur exploration
code qui change le visuel
appel fonction Explorer-Région
[...Suite du code plus tard...]

Function Explorer-Région
appel fonction InfosBaguettes
[...Suite du code plus tard...]

Function InfosBaguettes
code : si le joueur correspond à faction Fée s'active, sinon on saute la fonction
code : récupération par l'AJAX de la baguette en tableau JSON

SUITE Function Explorer-Région
Code : si faction Fée, cherche baguette pour changer image selon baguette
Code : ou sinon si orientation Civilisation, icônes qui changent différemment selon d'autres éléments JSON récupérées (plus tôt ou plus tard) - je précise que l'élément OUTIL n'est pas le même élément que BAGUETTE même si les deux ne vivent jamais simultanément et que les données récupérées sont les mêmes... les premiers s'inscrivent dans la session même si c'est pas spécialement utilises qu'ils s'inscrivent dans la session)

Bon, oui mon code pourrait potentiellement être plus optimisé :p Mais bon, petit à petit je l'optimise, là j'avoue que les sessions des outils ça m'a perturbé pour les baguettes magiques, je me suis dis que ça ne servait à rien (et peut-être que les sessions ne servent à rien pour les outils, mais généralement quand je supprime un élément qui ne me semble servir à rien, derrière j'ai un bug qui survient du fait de la disparition de l'élément en question :p)

[Xenos]

Ca peut se construire simplement sans tout dé-re-structurer: ta "SUITE" devient une function, avec un paramètre supplémentaire ("infosBaguette"). Si t'es une fée, tu lances ton AJAX, et ta callback de success va appeler cette function "SUITE" en lui passant la baguette. Si t'es pas une fée, tu ne fais pas l'appel AJAX et tu appelles directement la function "SUITE" en lui passant un "null" en guise de baguette (par exemple).

[L'Omniscient]

EDIT
En fait non j'ai pas capté, j'ai essayé de faire le code comme tu m'as dis mais j'ai pas fais comme tu me dis xD Je retente l'appel de fonction en paramètre.

Code de base :

Code :

function exploration_go() {
    explorer_region();
    apparition_element();
}
function explorer_region(){
        infos_baguette();
    }

function infos_baguette() {
        if (faction == "Fée") {
            search = "search";
            $.ajax({
                url : 'AJAX.php',
                type : 'POST',
                data : 'infos_baguette='+search,
                dataType : 'text',
                error : function(){
                    disconnect();
                },
                success : function(info_baguettes) {
                    decrypt_baguette_active = JSON.parse(info_baguettes);
                    baguette_active = decrypt_baguette_active['nom'];
                },
            });    
        }

function apparition_element() {
                nature_absorbe();
            }

function nature_absorbe() {
        if (faction == "Fée" && baguette_active == "Jaunoyante") {
            document.getElementById('type').src = "http://www.ile-du-coeur.com/icojau.gif";
        } else if (faction == "Fée" && baguette_active == "Amusette") {
            document.getElementById('type').src = "http://www.ile-du-coeur.com/icoamu.gif";
        } else if (faction == "Fée" && baguette_active == "Sanguine") {
            document.getElementById('type').src = "http://www.ile-du-coeur.com/icosan.gif";
        } else if (faction == "Fée" && baguette_active == "Harmonieuse") {
            document.getElementById('type').src = "http://www.ile-du-coeur.com/icohar.gif";
        } else if (faction == "Fée" && baguette_active == "Âme-de-vie") {
            document.getElementById('type').src = "http://www.ile-du-coeur.com/icoame.gif";
        } else {
            document.getElementById('type').src = "http://www.ile-du-coeur.com/icone_essence.gif";
        }
        document.getElementById('type').onclick = " ";
        document.getElementById('type').style.display = "block";
        document.getElementById('type').title = "Absorber l'essence (R)";
        document.getElementById('type').onclick = function() {action();};
    }

En gros toi tu me dis de juste remplacer ça ? :

Code :

function apparition_element() {
                nature_absorbe(infos_baguettes);
            }

Mais ça ne fonctionne toujours pas :'(

EDIT XMILLE :
En fait non je capte toujours pas >...< Faudrait que je choppe le principe du callback pour comprendre, mais pour le moment je le choppe pas :O

[Dioux]

Code :

function exploration_go() {
        if (faction == "Fée") {
            search = "search";
            $.ajax({
                url : 'AJAX.php',
                type : 'POST',
                data : 'infos_baguette='+search,
                dataType : 'text',
                error : function(){
                    disconnect();
                },
                success : function(info_baguettes) {
                    decrypt_baguette_active = JSON.parse(info_baguettes);
                    baguette_active = decrypt_baguette_active['nom'];
                    nature_absorbe(baguette_active);
                },
            });    
        }


function nature_absorbe(baguette_active) {
        if (faction == "Fée" && baguette_active == "Jaunoyante") {
        ....    
}

Quelque chose dans ce style, mais ta variable faction elle est déclaré ou?

[L'Omniscient]

Code :

faction = "<?php echo $_SESSION['Faction']; ?>";

Mais du coup Dioux, là je saute toute une partie du code (la suite de explorer_region), qui va déterminer tout un tas de choses. (Notamment l'élément naturel apparu et l'action possible face à cet élément).

[Xenos]

function exploration_go(faction) {

  if (faction == "fee") {

    return $.ajax({...

      success: function (data) {

        // data = { type: 'baguette', genre: "jaune", stats: {...}}

        action_exploration(JSON.parse(data);

      }

    });

  }

  return action_exploration({});

}



function action_exploration(actionInfos) {

  if (actionInfos.type == "baguette") {

    if (actionInfos.genre == "jaune") {

      ...

    }

    else if (... == "vert") {

    }

    ...

  }

  ....

}

Tu vois mieux l'idée? Bon, après, y'a surement plus esthétique, car la pile de "if", bof bof, mais bon.

EDIT:
Heu, nope, faut échapper les choses avant de les balancer dans la page web

var faction = <?php echo json_encode($_SESSION['Faction']); ?>;

Ta variable PHP, c'est des data qu'elle contient. Ces data doivent être codées en JSON avant d'être insérée dans un code Javascript.