Discussion :

[Toufik83]

bonsoir,

depuis quelque temps j'essai de résoudre un petit problème avec la fonction $.ajax(), voilà mon code :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
var Valide=false,id;
function Initialiser_formulaire(lerel) {
    var titre = "", imag = "", date = "", devise = "", ordrecat = "", envoimar = "", activecat = "", 
    grpreperp = "", ladonner = { id: parseInt(lerel) };
    $.ajax({
        type: "POST",
        url: "/Categorie/Charger_formulaire?id="+lerel,
        //data: JSON.stringify(ladonner),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        beforeSend: function () { ladonner.id = lerel; }
    }).success(function (CHmsg) {
        if (CHmsg) {
            for (var i = 0; i < CHmsg.length; i++) {
                Valide = true;
                titre = CHmsg[i].Titre;
                imag = CHmsg[i].Image;
                date = CHmsg[i].Date;
                devise = CHmsg[i].devis;
                ordrecat = CHmsg[i].order_cat;
 
            }
            if (Valide) {
                $("#txtTitreModif").val(titre);
                $("#txtDate").val(date);
                $("#imgmdf").attr("src", "../photos/" + imag);
                $("#txtdevmod").val(devise);
                $("#txtOrdreCatmod").val(ordrecat);
            }
        }
    });    // fin ajax
    return Valide;
}
$(function(){
 
       $.fn.Affiche=function(){
       id=$(this).attr("id");
           if(Initialiser_formulaire(id))
             {
               alert("Existe :"+id);
             }
          else
            {
               alert("N existe pas :"+id);
            }
       }
 
       $("#Tblaff").on("click", "tr.cont", $.fn.Affiche);
});

le premier clique me renvoi toujours l'alerte qui est dans le bloc ELSE malgré que le ID est correcte.
pourquoi dois-je cliquer 2 fois alors ??

[NoSmoking]

Bonjour,
voir des éléments de réponse dans la discussion http://www.developpez.net/forums/d15...rn-d-fonction/.

D'une façon plus général ce petit billet de Bovino : Un classique AJAX : utiliser les données au bon moment !.

[Toufik83]

bonjour,
Merci NoSmoking pour votre aide, d'après ce que j'ai compris depuis ces liens que vous m'avez donné c'est que Javascript n'attends pas la réponse serveur pour continuer l'exécution.
1-suis-je obliger d'ajouter le paramètre async:false dans la fonction $.ajax?
2-dois-je mettre une fonction qui traite le résultat serveur dans le success de $.ajax?

[Toufik83]

en remplaçant if (CHmsg) par if(CHmsg.length>0) a résolu le problème.

vu que je reçois un Array du serveur, j'ai fais la vérification en utilisant sa longeur.

[NoSmoking]

1-suis-je obliger d'ajouter le paramètre async:false dans la fonction $.ajax?

Ajax pour asynchrone, alors autant rester dans cet esprit.

2-dois-je mettre une fonction qui traite le résultat serveur dans le success de $.ajax?

c'est en général ce que l'on fait.

en remplaçant if (CHmsg) par if(CHmsg.length>0) a résolu le problème.

j'ai du mal à voir la solution mise en oeuvre !?!

[Toufik83]

j'ai du mal à voir la solution mise en oeuvre !?!

je veux dire que j'ai crée une fonction qui traite le CHmsg dans le success, j'ai changé la condition if(CHmsg) par if(CHmsg.length>0) et ça a fonctionné.