Discussion :

[gekkette13]

J'ai dans mon appli un processus ajax, qui tourne en boucle et doit d'arreter quand l'utilisateur clique sur un lien, voici le script ajax :

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
<script type="text/javascript">
    function displayCredit(price, mode, selection){
        $.ajax({
            type: "POST",
            url: decodeURI("<?= $this->basepath(); ?>/distribution/displaycredit"),
            data: {
                price : price,
                mode : mode,
                selection: selection
            },
            error: function(){
                return false;
            },
            success: function(retour){
                if(retour.selection != null){
                    if(retour.statut == 'ok' && retour.price != null && retour.mode != null){ /* Command ok */
                        getUrl('<?= $this->url('distribution/processing',array('selection'=>$selection,'receipt'=>$receipt)); ?>');
                    }
                }
 
                var old_value = $('#amout_credit_hidden').val();
                if(old_value != retour.credit){
                    $("#amout_credit").html(retour.credit);
                    $("#amout_credit_hidden").val(retour.credit);
                    $("#amout_credit_hidden").trigger('change');
                }
 
                setTimeout("displayCredit('"+retour.price+"','"+retour.mode+"','"+retour.selection+"')",<?= $timer; ?>);
                return true;
            }
        });
    }
</script>

Mon script est appelé sur ma page de cette façon :

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
    $(document).ready(function() {
        var display = displayCredit(null,null,null);
 
       // stopEvent();
    });
</script>

J'ai essayé plein de trucs mais je n'arrive pas à arrêter ce fichu timeout au clic !

J'ai essayé avant mon return true :

Code :

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

1
2
3
4
5
6
7
8
 
$('.link').click(function() {
    clearTimeout(disCredit);
    return false;
});
 
var disCredit = setTimeout("displayCredit('"+retour.price+"','"+retour.mode+"','"+retour.selection+"')",<?= $timer; ?>);
 return true;

Mais rien n'y fait ... il continue de tourner !!!
Please help !

[Lakhdr]

Salut ,
Pour pas apporter beaucoup de modifs a ton code
la setTimeout et le click ne s activent pas au meme moment donc pour qu il partagent la meme variable faut la rendre globale
je dirais qu il faut declarer la variable disCredit comme globale .
dans ce cas le success d Ajax aura acces et le click aussi

en Plus rajoutes une variable canceled globale aussi et tu testes dans le (succes) avant l appel a setTimeout
puis dans le click tu mets cette variable a true . Cette variable te permettra de gerer le cas de déphasage entre le click et le setimeout

[gekkette13]

J'ai essayé ça :

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
<script type="text/javascript">
 
 
    function displayCredit(price, mode, selection){
        var cancelled = false;
 
        $('.link').click(function() {
            cancelled = true;
        });
 
        console.log(cancelled);
        $.ajax({
            type: "POST",
            url: decodeURI("<?= $this->basepath(); ?>/distribution/displaycredit"),
            data: {
                price : price,
                mode : mode,
                selection: selection
            },
            error: function(){
                return false;
            },
            success: function(retour){
                if(retour.selection != null){
                    if(retour.statut == 'ok' && retour.price != null && retour.mode != null){ /* Command ok */
                        getUrl('<?= $this->url('distribution/processing',array('selection'=>$selection,'receipt'=>$receipt)); ?>');
                    }
                }
 
                var old_value = $('#amout_credit_hidden').val();
                if(old_value != retour.credit){
                    $("#amout_credit").html(retour.credit);
                    $("#amout_credit_hidden").val(retour.credit);
                    $("#amout_credit_hidden").trigger('change');
                }
            }
        });
 
 
        return cancelled;
    }
 
    function exeDisplayCredit(price, mode, selection){
        var credit = displayCredit(price, mode, selection);
        //console.log(credit);
        if(credit == false){
            setTimeout('exeDisplayCredit('+price+','+mode+','+selection+')',2000);
        }
    }
</script>

mais il veut rien entendre, à aucun moment cancelled passe à true !!!!

[sekaijin]

je n'ai pas bien compris tout le déroulé
mais on ne peux intérompre un appel ajax
la seule chose qu'on peut faire c'est ignorer la réponse.

pour cela il suffit de mettere une fonction vide pour traiter la réponse.

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
jqXHR = $.ajax({
            type: "POST",
            url: decodeURI("<?= $this->basepath(); ?>/distribution/displaycredit"),
            data: {
                price : price,
                mode : mode,
                selection: selection
            }).error(function(){
                return false;
            }).done(function(retour){//attention .sucess est déprécié
                if(retour.selection != null){
                    if(retour.statut == 'ok' && retour.price != null && retour.mode != null){ /* Command ok */
                        getUrl('<?= $this->url('distribution/processing',array('selection'=>$selection,'receipt'=>$receipt)); ?>');
                    }
                }
 
                var old_value = $('#amout_credit_hidden').val();
                if(old_value != retour.credit){
                    $("#amout_credit").html(retour.credit);
                    $("#amout_credit_hidden").val(retour.credit);
                    $("#amout_credit_hidden").trigger('change');
                }
            });
 
//si la réponse n'est pas arrivée dans les 2 secondes ignorer la réponse
setTimeout(function() {
   jqXHR.done(function(){});
}, 2000);

une petite note au passage il est plus efficace de mettre ton code js dans un fichier js

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
calldisplaycredit = function(url) {
jqXHR = $.ajax({
            type: "POST",
            url: decodeURI(url),
            data: {
                price : price,
                mode : mode,
                selection: selection
            }).error(function(){
                return false;
            }).done(function(retour){//attention .sucess est déprécié
                if(retour.selection != null){
                    if(retour.statut == 'ok' && retour.price != null && retour.mode != null){ /* Command ok */
                        getUrl('<?= $this->url('distribution/processing',array('selection'=>$selection,'receipt'=>$receipt)); ?>');
                    }
                }
 
                var old_value = $('#amout_credit_hidden').val();
                if(old_value != retour.credit){
                    $("#amout_credit").html(retour.credit);
                    $("#amout_credit_hidden").val(retour.credit);
                    $("#amout_credit_hidden").trigger('change');
                }
            });
 
//si la réponse n'est pas arrivée dans les 2 secondes ignorer la réponse
setTimeout(function() {
   jqXHR.done(function(){});
}, 2000);
}

et dans ton html

Code :

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

calldisplaycredit("<?= $this->basepath(); ?>/distribution/displaycredit");

ainsi le fichier js étant statique sera mis en cache chez le client il poura être compilé par Javascript
et en cas d'erreur tu aura une repère avec numéro de line sur.

A+JYT

[SylvainPV]

On ne peut pas arrêter un appel AJAX, tout comme on ne peut pas reprendre une lettre à la poste une fois qu'elle est expédiée.

[ABCIWEB]

On ne peut pas arrêter un appel AJAX, tout comme on ne peut pas reprendre une lettre à la poste une fois qu'elle est expédiée.

@sekaijin
@SylvainPV

Je comprend pas trop votre réponse. Et la méthode abort() elle sert à quoi ?