Message avec javascript : Ajout effectué avec succés
Salut à tous,
alors, j'explique mon problème, je veux lorsque je fait un ajout de donnée dans ma base de données et si l'ajout est effectué avec succés un message s'affiche par exemple "Ajout effectué avec succès".
puisque j'ai aucune idée sur le javascript, j'ai jamais fait un exemple, j'ai décidé de faire ce post, j’espère qu'il y en a des gens qui peuvent m'aider à résoudre mon problème. merci beaucoup
NB: je travaille avec java, jsp, eclipse, et mysql
je serais trés reconnaissante si vous pouvez m'aider, j'en ai vraiment besoin d'aide
Afficher un message Ajout avec Succès ou bien Élément Recherché inexistant
Bonjour à tous , j'ai le même problème moi aussi , je veux afficher un message " l'Ajout du disque avec l'SN( :" xxxx" ( Numéro de série : clé primaire ) ) est Effectué avec succès" (en Gros et un Texte Qui Clignote dans mon interface) lorsque l'ajout du formulaire dans ma table Mysql est effectué avec succès.
ici c'est mon code javascript et AJax:
Code:
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 60 61
| <script type="text/javascript">
WEBROOT = window.location.origin + '/Test';
$(document).ready(function(){
//**************fonction required Fields***************
$('form.new.active').validate({
messages: {
keyword: {
required: "REQUIRED FIELD!! Thanks For Filling it out !"
}
},
// debug: false, // default - not needed to declare
onfocusout: function (element) {
jQuery(element).valid()
},
errorElement: "div",
errorPlacement: function (error, element) {
error.insertBefore(element);
},
// submit handler for demo
submitHandler: function (form) {
alert('valid form submitted'); // for demo
return false;
}
});
//Message Successfully
//*************************************************************
//
//$('.trigger').on('click', function() {
// var message_classes = "alert alert-success";
// var message = "THE HDD WHERE SERIAL NUMBER IS SUCCESSFULLY ADDED !";
// $('#return_message').attr('class', message_classes).html(message);
//});
$('#save').click(function(e){
$('form.new.active').valid();
e.preventDefault();
var serie = $('#num_serie').val();
var wdt = $('#wdt2').val();
var wfs = $('#FinalStatus').val();
var mouvement = $('#mvmt1').val();
var capacite = $('#capacite2').val();
var model = $('#model2').val();
var desc = $('#desc2').val();
var param = 'num_serie='+serie+'&wdt='+wdt+'&wfs='+wfs+'&model='+model+'&capacite='+capacite+'&desc='+desc+'&mouvement='+mouvement;
$.ajax({
type: "POST",
url: WEBROOT + '/index/SaveDisque',
data: param,
dataType: 'json',
async: false,
success: function(data) {
alert('valid form submitted');
console.log(data);
if (data === 0){
window.location.reload();
}
}
});
});
}); |
2) En deuxième lieu , j'ai une interface qui recherche un disque dans la base par l'intermédiare de son SN et puis elle affiche tous ses détails ,je veux lorsque je tape un numéro de serie non existant dans la base il affiche " Disuque X ( SN) Est Introuvable ".
ici c'est son code JS et Ajax:
Code:
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
| $(document).ready(function(){
$('#find').click(function(e){
e.preventDefault();
var serie = $('#serial').val();
var param = 'num_serie='+serie;
$.ajax({
type: "POST",
url: WEBROOT + '/index/GetDisque',
data: param,
dataType: 'json',
async: false,
success: function(data) {
$('#wdt').val(data.D_T);
$('#wd').val(data.W_D);
$('#wfs').val(data.W_F_S);
$('#capacite').val(data.Capacity);
$('#model').val(data.Model);
$('#desc').val(data.Description);
//$('#SMART_S').val(data.SMART_S);
//$('#N_ON_H').val(data.N_ON_H);
$('#Slot_pos').val(data.Slot_Pos);
//$('#MachineID').val(data.ID_Mach);
//$('#Op_Id').val(data.ID_op);
//$('#PluggedIN').val(data.Plugged_IN);
$('#Mouvement').val(data.Mvmt);
}
});
});
}); |