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
| /*
* Click sur n'importe quel bouton ayant un ID qui
* commence par 'ibutton'.
*/
$( "button[id^='ibutton']" ).on( "click", function( e ){
e.preventDefault();
/*
* Méthode serialize : collecte les valeurs des éléments du
* formulaire ayant un name dont les trois derniers caractères
* sont identiques aux trois derniers caractères de l'ID
* du bouton cliqué (http://api.jquery.com/serialize/).
*
* $.post : méthode AJAX (http://api.jquery.com/jQuery.post/).
*
* jqXHR : objet différé contenant la promesse
* (http://api.jquery.com/category/deferred-object/).
*
* [name$=''] : http://api.jquery.com/category/selectors/attribute-selectors/
*/
var btnID = this.id,
infos = "btnID=" + btnID + "&" + $( "[name$='" + btnID.slice( -3 ) + "']", "#formInter" ).serialize(),
jqXHR = $.post( "AccueilServlet", infos );
// debug :
console.log( infos );
jqXHR.done( function( data, textStatus, jqXHR ){
// succès de la transaction, on doit traiter le contenu de data
console.log( data, textStatus, jqXHR );
});
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 );
});
}); |
Partager