Discussion :

[Marmotton76]

Bonjour à tous,

Je débute en AJAX et malgré 2 heures passées à googler sur le sujet, je n'ai toujours pas eu le déclic, alors je fais appel à vos lumières...

J'ai donc un script PHP, lancé via une requête AJAX, qui vérifie et traite les données d'un formulaire (qui permet la modif de données de contacts) situé dans ma page html principale, puis réinjecte du code (en l'occurrence un tableau avec la liste des contacts mise à jour après modif du contact) dans cette même page html, à l'intérieur de la DIV id="liste".

En AJAX, ça donne ça (simplifié) :

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
$(function () {
    var $bouton = $('#valider');
    $bouton.on('click', function () {
        var IdContact = $('#idcontact').attr('value');
        var Nom = $('#nom').attr('value');
        var Prenom = $('#prenom').attr('value');
        var Chaine = '?rappelIdContact='+IdContact+'&nom='+Nom+'&prenom='+Prenom;
        if (Nom == '') {
            alert('Le NOM est un champ obligatoire !');
        }
        else {
            if (Prenom == '') {
                alert('Le PRENOM est un champ obligatoire !');
            }
            else {
                $.ajax({
                    type: "POST",
                    url: "update.php,
                    data: Chaine,
                    cache: false,
                    success: function(result){
                        $("#liste").html(result);
                    }
                });
            }
        }
        return false;
    });
});

Et mon script update.php :

Code php :

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
// teste l'existence et le contenu des paramètres de la requête Ajax
if (isset($_POST['rappelIdContact']) && !empty($_POST['rappelIdContact'])) {$IDCONTACT= $_POST['rappelIdContact'];} else {$IDCONTACT= 0;}
if (isset($_POST['nom']) && !empty($_POST['nom'])) {$NOM= $_POST['nom'];} else {$NOM= "";}
if (isset($_POST['prenom']) && !empty($_POST['prenom'])) {$PRENOM= $_POST['prenom'];} else {$PRENOM= "";}
// vérifie l'existence de l'IdContact dans la BDD
$reqSelect = @mysql_query("SELECT IdContact FROM liste_contacts WHERE IdContact LIKE ".$IDCONTACT);
$totSelect = mysql_num_rows($reqSelect);
if ($totSelect == 1) {
    // MAJ de la BDD avec les données du formulaire + requête et listage de la liste des contacts à jour
    .....blablabla
    return TRUE;
}
else {
    // simplement requête et listage de la liste des contacts, vu que l'IdContact n'a pas été repéré dans la BDD et qu'une requête MAJ est du coup impossible
    .....blablabla
    return FALSE;
}

Je précise que tout fonctionne à merveille, mais j'aimerais seulement récupérer le retour de l'éxécution de mon script php pour afficher une alerte JS du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (le retour du script update.php == TRUE) {alert('Modif effectuée !');} else {alert('Oups !');}

Dans ma requête AJAX, j'avais essayé de mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
    (...)
    success: function(result){
        $("#liste").html(result);
    }
    if (result) {alert('OK');} else {alert('Oups');}

Mais j'obtiens systématiquement 'OK' même si le script PHP a renvoyé FALSE, sûrement parce qu'il s'agit du bon envoi de la requête AJAX, et non pas du résultat de l'exécution du script appelé.

Bref, je patauge !

Merci @+

[Isythiel]

La requête lancée en AJAX est asynchrone : elle se déclenche quand elle a finit, et non pas dans l'ordre logique de lecture de ton navigateur.

Si tu veux déclencher une action lorsque la fonction AJAX s'est terminée, tu dois placer le code dans le scope "success" de l'appel AJAX.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
success: function(result){
        $("#liste").html(result);
        if (result) 
                   alert('OK');
}

Si tu veux une autre popup dans le cas d'une erreur, tu dois la placer dans le scope "error".


Voir la doc ici.

[Bovino]

Ca n'a pas trop de rapport... Dans son cas, le problème vient du fait que son script PHP ne renvoie rien !

Quand tu fais un return true en PHP, ça ne va pas renvoyer true au script JavaScript. Pour renvoyer une valeur, il faut faire de la même manière que pour une page appelée directement, c'est-à-dire des echo.
Comprendre les mécanismes d'AJAX.

[Isythiel]

Mais la variable result n'est pas peuplée là où il tente de l'afficher... Si ?

[Bovino]

Bah si puisque c'est le retour de la requête...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
success: function(result){
    $("#liste").html(result);
}

Le seul truc, c'est que comme le script PHP ne renvoie rien au script jQuery, la variable est vide...

EDIT
Arf, j'avais pas vu le dernier code et effectivement, dans ce dernier, la dernière ligne est mal placée, au temps pour moi.

[Marmotton76]

Merci à tous les deux, Isythiel et Bovino

@Isythiel : même si j'inclue mon test à l'intérieur de la fonction, cela ne va faire que tester le bon envoi de la requête Ajax, mais pas l'exécution du script php lui-même

@Bovino : je veux bien faire un "echo TRUE" ou echo "FALSE" dans mon script PHP, mais d'une part cet echo va s'afficher dans ma page parsée ce qui est bien sûr totalement inélégant (!), et d'autre part mon script n'est pas censé ne renvoyer qu'un echo True ou False, mais tout un tas de code html, je ne pige pas la façon dont Ajax va se dépatouiller pour trouver ce "TRUE" (ou "FALSE") au milieu de tout le code injecté.
Franchement y'a un truc qui m'échappe encore, j'ai dû rater qq chose...
Vous moquez pas

[Isythiel]

Dans ce cas, il faut que tu organises ta réponse sous forme d'un "objet" JSON (par exemple), avec

• Le code de retour true ou false
• Le contenu HTML à placer dans ta page

[Marmotton76]

Merci à vous pour votre aide !

Comme la mise en oeuvre ma paraît bien complexe pour juste une petite alerte JS, j'abandonne le concept et je vais m'orienter sur l'affichage d'une DIV façon popup à l'intérieur de mon script php.
Je mets donc quand même en résolu..
Merci quand même ;-)