Question

我有一个4状态按钮。我想知道如何延迟执行我的ajax请求，以便最后只有一个请求......

我的意思是，如果我按两次按钮，我不想执行第一个ajax请求，而只是在特定超时后执行第二个请求。

$('.btn_mark_erreur').toggle(
        function (){
//State 1
            var id_erreur = $(this).parent().attr('erreur_num');
            $(this).attr('title','Erreur réglée');
            $(this).children('img').attr('src','img/erreur_ok.png');


            setTimeout(function(){

                $.ajax({
                    type: 'POST',
                    url: "",
                    dataType: ($.browser.msie) ? "text" : "xml", 
                    data: "a=maj_statut&data="+donnees ,
                    succes : function(data) {
                    console.log(data);}

                });

            },1000);

        },
        function (){
//State 2
            var id_erreur = $(this).parent().attr('erreur_num');
            $(this).attr('title','Erreur en cours');
            $(this).children('img').attr('src','img/erreur_encours.png');

            setTimeout(function(){

                $.ajax({
                    type: 'POST',
                    url: "",
                    dataType: ($.browser.msie) ? "text" : "xml", 
                    data: "a=maj_statut&data="+donnees ,
                    succes : function(data) {
                    console.log(data);}

                });

            },1000);

        },
        function (){
//State 3
            var id_erreur = $(this).parent().attr('erreur_num');
            $(this).attr('title','Problème sur cette erreur');
            $(this).children('img').attr('src','img/erreur_nok.png');


            setTimeout(function(){

                $.ajax({
                    type: 'POST',
                    url: "",
                    dataType: ($.browser.msie) ? "text" : "xml", 
                    data: "a=maj_statut&data="+donnees ,
                    succes : function(data) {
                    console.log(data);}

                });

            },1000);
        },
        function (){
//State 0
            var id_erreur = $(this).parent().attr('erreur_num');
            $(this).attr('title','Marquer comme...');
            $(this).children('img').attr('src','img/erreur_statut.png');




            setTimeout(function(){

                $.ajax({
                    type: 'POST',
                    url: "",
                    dataType: ($.browser.msie) ? "text" : "xml", 
                    data: "a=maj_statut&data="+donnees ,
                    succes : function(data) {
                    console.log(data);}

                });

            },1000);


        }
    );

此代码不起作用，我收到了每个州的请求。

感谢您的帮助！

Answer 1

setTimeout返回一个值 - 一个计时器的标识符。您可以将该值传递给clearTimeout以取消定时器。例如：

var timers = new Array(null, null, null, null);
function cancelRequestsUpTo(n) {
    for (int i = 0; i <= n; ++i)
        if (timers[i] != null) clearTimeout(timers[i]);
}

$("#btn_mark_error").toggle(function() {
    //...
    timers[0] = setTimeout(function() { $.ajax(...); }, 1000);
},
function() {
    timers[1] = ...;
    cancelRequestsUpTo(0);
},
....
);

请注意，一旦$.ajax实际执行，就没有办法（至少我不知道）你可以取消已经挂起的请求。我建议只取消你已经设置的计时器。

4状态按钮（带.toggle（））和每个状态的延迟Ajax

1 个答案: