Stopper la requête ajax précédente

**keokaz** · 19/11/2013, 11h43

Bonjour,

je fait un moteur de recherche de mot clé avec ajax,
mais avec firebug, j'ai remarquer que lorsque je recherche un mot de 3 lettres
puis je tape une autre lettre,
firebug m'indique qu'il recherche toujours le mot clé à 3 lettres,
comment faire pour que la recherche de 3 lettre s'arrête de suite et recherche uniquement le mot clé à 4 lettres ??

voici mon fonction recherche

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
 
        function recherche() {
            var motcle = $("#find_cours").val(); //recupération du mot cle
            var filtre = $('#find_filtre').val(); //filtre all par default
 
            $("#wait").css('display','block'); //faire apparaître le loading
            $("#modal_recherche").css('display','block');
            $("#find_cours").css('color','#046380');
 
            var xhr =$.ajax({
                type :'POST',
                url : '/prod/script/recherche/ajax_motcle.php',
                data: {
                    motcle: motcle,
                    filtre: filtre,
                },
                success : function(data){
                    $("#wait").css('display','none');
                    $('#resultat_box').html(data);
                },
            });
 
            $("#find_cours").on("keyup", function() {
               xhr.abord();//stoper l'ancienne requête si on tape sur une autre touche
            });
 
        }

j'ai essayer de mettre xhr.abord , mais firebug me dit que" TypeError: xhr.abord is not a function".

je vous remercie de votre réponse

**ABCIWEB** · 22/11/2013, 05h08

Remarque que tant qu'à utiliser jquery, autant profiter des modules qui vont bien et il y a autocomplete qui gère ça de façon transparente. Cela ne te convient pas ?