Retour non interprèté dans la méthode success

**netlink1987** · 02/04/2020, 15h11

Bonjour,

Je m'essaie par ces temps moroses à ajax/cgi.

Tout d'abord, sachez que je n'ai pas de compétences en javascript, merci d’être indulgent !

Par ailleurs, la méthode utilisée est GET pour envoyer les données du formulaires, tout ceci
tourne sur un LAN, la sécurité n'est donc pas considérée.

Alors voila, un formulaire simple dans une page html sollicite un javascript qui lui-même
appelle un script shell cgi. Le script cgi reçoit bien les données et exécute un programme avec
2 arguments saisis dans le formulaire. Ce script est sensé renvoyer "success" mais cette chaîne
n'est pas comprise par le javascript script puisque la fonction formSuccess(); (voir plus bas)
n'est jamais interprétée. Le "echo success" du script cgi apparaît bien lui, bien sur la page.

Voici le javascript et le script shell cgi, je vous épargne le formulaire html.

D'avance merci pour votre aide.

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
1 - formulaire html
 
2 - script
 
<script type="text/javascript"
$("#lm2sstreamForm").validator().on("submit", function (event) {
    if (event.isDefaultPrevented()) {
        formError();
        submitMSG(false, "Avez vous bien complete le formulaire ?");
    } else {
        event.preventDefault();
        submitForm();
    }
});
 
 
function submitForm(){
    var url = $("#url").val();
    var cle = $("#cle").val();
 
    $.ajax({
        type: "GET",
        url: "http://192.168.1.38:2929/cgi-bin/test.cgi",
        dataType : 'html',
        data: "url=" + url + "&cle=" + cle,
        success : function(text, statut){
            if (text == "success"){
                formSuccess();
            } else {
                formError();
                submitMSG(false,text);
            }
        }
    });
}
 
function formSuccess(){
    $("#lm2sstreamForm")[0].reset();
    submitMSG(true, "Lancement du programme OK !")
}
 
function formError(){
    $("#lm2sstreamForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
        $(this).removeClass();
    });
}
 
function submitMSG(valid, msg){
    if(valid){
        var msgClasses = "h3 text-center tada animated text-success";
    } else {
        var msgClasses = "h3 text-center text-danger";
    }
    $("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
}
</script>
 
3 - script cgi 
#!/bin/sh
 
echo "Content-type: text/html; charset=UTF_8"
echo "Access-Control-Allow-Origin: *"
echo "Access-Control-Allow-Methods: GET, POST"
echo ""
 
 
if [ "$REQUEST_METHOD" = "GET" ]; then
 
 
    Var1=$(echo "$QUERY_STRING" | sed -n 's/^.*url=\([^&]*\).*$/\1/p')
    URL=$(echo -e $(echo "$Var1" | sed 's/+/ /g;s/%\(..\)/\\x\1/g;'))
 
    Var2=$(echo "$QUERY_STRING" | sed -n 's/^.*cle=\([^&]*\).*$/\1/p')
    CLE=$(echo -e $(echo "$Var2" | sed 's/+/ /g;s/%\(..\)/\\x\1/g;'))
 
    echo "URL=${URL} -- CLE=${CLE}" > /tmp/myprogramm.trace
 
    /usr/local/packages/myprogramm ${URL} ${CLE} >/dev/null 2>/dev/null &
    echo $! > /tmp/myprogramm.pid
 
    echo "success"    # ceci s'affiche bien sur la page du formulaire une fois l'ensemble éxécuté.
 
else
 
    echo "error"
 
fi
 
exit 0

**Toufik83** · 04/04/2020, 14h26

Bonjour,

Si le callback d'ajax success n'est pas interprété, alors probablement que la variable text est différente de "success"' ou bien qu'il y'a une erreur dans ton script cgi.

Pour t'assurer ajoute le callback error d'ajax afin d'identifier l'erreur :

Code :

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

1
2
3
4
5
6
7
8
 
success : function(text, statut){
   console.log("Retour d'ajax :"+text);//voir si le text=="success" ou pas
   .....          
},
error:function(erreur){
   alert("Erreur ajax :"+erreur);
}

**netlink1987** · 06/04/2020, 10h52

Merci pour ta réponse, j'essaie ce jour et reviens sur le forum.

**netlink1987** · 06/04/2020, 11h59

Bonjour,

Malgré les modification suggérées, aucun message d'erreur, je récupère toujours le "success" du "echo success" envoyé
par le cgi mais aucune interprétation par le script ajax qui devrait lancer la fonction formsuccess() ...

**Toufik83** · 06/04/2020, 12h27

Mais si tu fais le console.log dans le success pour voir le contenu du "text", tu vois quoi ?

Code :

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

1
2
3
4
 
success : function(text, statut){
   console.log("Retour d'ajax :"+text);//ça donne quoi cette ligne dans la console ?          
}

Le script cgi ne devrait pas avoir d'autres echo appart ceux de "success" et "error".

**netlink1987** · 06/04/2020, 20h52

Le script n'a effectivement que ces deux echos, "success" et "error".

Avec :

Code :

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

1
2
3
success : function(text, statut){
   console.log("Retour d'ajax :"+text);//ça donne quoi cette ligne dans la console ?          
}

Je n'obtiens rien.

avec:

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
 
function submitForm1(){
    // Initiate Variables With Form Content
    var selection = $("#selection").val();
    var cle1 = $("#cle1").val();
 
    $.ajax({
        type: "GET",
        url: "http://192.168.1.38:2929/cgi-bin/start.cgi",
        dataType : 'text',
        data: "selection=" + selection + "&cle1=" + cle1,
         success : function(text){
            if (text == "success"){
                formSuccess();
            } else {
                formError();
                submitMSG(false,text);
            }
        }
    });
}

J'obtiens: "success" , mais la fonction formSuccess(); n'est pas exécutée. Je sèche.

**Phpx1** · 08/04/2020, 11h42

Bonjour,

Découvrant votre post traitant du "Retour non interprété dans la méthode succès", je me permets de vous signaler qu'apparemment nous avons le même problème car dans mon post intitulé "Pas de retour dans ma fonction" , je décris qu'effectivement, malgré le retour de la fonction(data) qui affiche bien 'succès' avec le console.log , il ne passe ensuite jamais dans le test If data == 'succes'.... comme si , ce test n'était jamais interprété ...??

Après avoir fait pas mal recherches sur le NET, je me suis retrouvé sur le site api.jquery.com (D'après ce que j'en ai compris , ce serait la doc officielle) et il précise à un endroit (après traduction en français, faut vraiment le trouver ;-)) ) je cite :

"Le jqXHR.success(), jqXHR.error() et jqXHR.complete méthodes de rappel sont SUPPRIMES à PARTIR de jQUERY 3.0. Vous pouvez utiliser jqXHR.done (), jqXHR.fail() et jqXHR.always à la place "
Je ne sais pas si c'est une piste... , il y a ensuite des exemples utilisant ces méthodes.
En tout cas , je GALERE avec ça depuis une bonne semaine..
Bonne journée.

**Toufik83** · 08/04/2020, 12h14

Bonjour,

Oui effectivement les callback success et error et always sont supprimés de jQuery 3.x, puis je pense que le dataType doit être "html" et pas "text".

Donc si tu écris le code comme suite :

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
 
$.ajax({
        type: "GET",
        url: "http://192.168.1.38:2929/cgi-bin/start.cgi",
        //dataType : 'html',pas la peine de mettre ça, car dataType="html" par défaut
        data: "selection=" + selection + "&cle1=" + cle1
    })
    .done(function(text){
        if (text == "success"){
                formSuccess();
        } else {
                formError();
                submitMSG(false,text);
        }
     })
    .fail(function(erreur){
        console.log("Erreur d'ajax :"+erreur);
    });

toujours le même souci ?

**Phpx1** · 08/04/2020, 14h58

Merci encore pour ta réponse, j'avais vu cette remarque dans la doc, et si c'est la cause du problème, bonjour la GALERE depuis un moment !!!
Effectivement, je pensais le réécrire de cette nouvelle manière en espérant que cette fois que cela fonctionne.
Malheureusement, actuellement je n'ai pas la config nécessaire pour continuer mes tests (Surement en fin de semaine.)
Bonne journée.

**Philcmoi** · 10/04/2020, 04h26

ajax est tres simple 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
$.post('tableau.php', {
                mail: $('#mail').val(),
                motPasse: $('#motPasse').val()
            },  
            function(data){
 
                if(data == 'Success'){
                     // Le membre est connecté. Ajoutons lui un message dans la page HTML.
 
//                      $("#resultat").html("Vous avez été connecté avec succès !");
 
                     $(location).attr("href","bienvenue.php");
 
//                 	window.open('bienvenue.php');
                }
                else{
                     // Le membre n'a pas été connecté. (data vaut ici "failed")
 
                     $("#resultat").html("Erreur lors de la connexion...");
                     clics=10;
                }
 
            },
            'text'
         );
    });

puis 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
18
19
$mail = "lhpp@gmail.com";
$motDePasse = "007";
 
 
 
if( isset($_POST['mail']) && isset($_POST['motPasse']) ){
    if($_POST['mail'] == $mail && $_POST['motPasse'] == $motDePasse){ // Si les infos correspondent...
        session_start();
 
        $_SESSION['email'] = $mail;
        $_SESSION['password'] = $motDePasse;
        $_SESSION['logged'] = 'connecte';
        echo "Success";
 
    }
    else{ // Sinon
        echo "Failed";
    }
}

**Phpx1** · 11/04/2020, 11h27

Envoyé par Toufik83

...

Bonjour Toufik,

Finalement mon problème est résolu !!, c'était au niveau de mon test, il fallait rajouter data.trim, apparemment la réponse du serveur envoie des caractères en trop (peut-être des parasites ??) , Bref, cela fonctionne , apparemment ce n'était pas lié aux méthodes obsolètes ( Pourtant ce que dit la doc JQuery)
Merci encore pour tes conseils.

**netlink1987** · 19/04/2020, 15h00

bonjour toufik,

Désolé de répondre si tardivement mais la période actuelle perturbe mes plannings.

Non, cela ne fonctionne toujours pas. La fonction formsuccess n'est pas appelée.
Elle fonctionne pourtant très bien dans un autre formulaire de contact.

Ceci étant, l'environnement que j'utilise dans ce cas est différent: tout est embarqué sur une caméra IP
avec Apache 2.4 et boa en petit serveur http qui reçoit les requêtes cgi sur le port tcp 2929 car je ne
suis pas en mesure de les exécuter directement sur le serveur apache pour des raisons diverses, en particulier
parce que le constructeur de cette caméra a patché apache et cloisonné certaines fonctionnalités.

Merci quand même pour ton aide, bon dimanche.

Retour non interprèté dans la méthode success [AJAX]

jQuery

Discussions similaires

Partager

Partager