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
| var jObjFiltre = $( "#find_filtre" ),
jObjCours = $( "#find_cours" ),
ObjTimeout = null;
function différerRechercher(){
if ( ObjTimeout ){
// debug
//console.log( "clearTimeout" );
clearTimeout( ObjTimeout );
};
ObjTimeout = setTimeout( function(){
if ( jObjCours.val().length > 2 ){
// debug
//console.log( jObjCours.val(), jObjFiltre.val() );
$( "#wait" ).css( 'display', 'block' );
$( "#modal_recherche" ).css( 'display', 'block' );
jObjCours.css( 'color', '#046380' );
var jqXHR = $.post( "/script_veto/recherche/ajax_motcle.php", {
"motcle" : jObjCours.val(),
"filtre" : jObjFiltre.val(),
});
jqXHR.done( function( data, textStatus, jqXHR ){
// succès de la transaction, on doit traiter le contenu de data
console.log( data, textStatus, jqXHR );
$( "#wait" ).css( 'display', 'none' );
$( '#resultat_box' ).html( data );
});
jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
// échec de la transaction, gérer la catastrophe
console.log( jqXHR, textStatus, errorThrown );
});
jqXHR.always( function( jqXHR, textStatus ){
// la transaction est terminée
console.log( jqXHR, textStatus );
});
}
ObjTimeout = null; // important
}, 800 );
}
jObjFiltre.on( "change", différerRechercher );
jObjCours.on( "keyup", différerRechercher ); |
Partager