salut,
as tu regarder la doc de jQuery ? =>
https://api.jquery.com/jQuery.ajax/
as tu ouvert l"outils développeur pour regarder ce que fait la requête serveur (onglet network) ?
script fonctionnel
<!Doctype html>
<html>
<head>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Lorsque je soumets le formulaire
$('#contactform').on('submit', function(e) {
e.preventDefault(); // J'emp�che le comportement par d�faut du navigateur, c-�-d de soumettre le formulaire
var form = $(this); // L'objet jQuery du formulaire
// Je r�cup�re les valeurs
var nom = $('#nom').val();
var prenom = $('#prenom').val();
// Je v�rifie une premi�re fois pour ne pas lancer la requ�te HTTP
// si je sais que mon PHP renverra une erreur
if( nom === '' || prenom === '') {
alert('Les champs doivent �tres remplis');
} else {
// Envoi de la requ�te HTTP en mode asynchrone
$.ajax({
url: './contact.php', // Le nom du fichier indiqu� dans le formulaire
method:'post', // La m�thode indiqu�e dans le formulaire (get ou post)
data: {nom:nom,prenom:prenom},
success: function(msg) { // Je r�cup�re la r�ponse du fichier PHP
if (msg == "1") {
$('#contactform').hide();
$('#contactform-final').show();
$('#simulation-failed').show();
} else {
// il est pas d�j� affich� ton formulaire ? :)
$('#contactform').show();
$('#contactform-final').hide();
$('#simulation-failed').hide();
}
},
error: function() {
// J'affiche un message d'erreur
alert('D�sol�, aucun r�sultat trouv�');
}
});
}
});
});
</script>
</head>
<body>
<form id="contactform">
name : <input id="nom"><br />
firstname : <input id="prenom"/><br/>
<input type="submit" value="clic me baby"/>
</form>
<div id="contactform-final" style="display:none">
<h1>contactform-final</h1>
</div>
<div id="simulation-failed" style="display:none">
<h1>simulation-failed</h1>
</div>
</body>
</html>
je te conseil quand même de (re)voir des tutos sur le sujet, en copiant la doc cela fonctionne
@+
salut,
as tu regarder la doc de jQuery ? => https://api.jquery.com/jQuery.ajax/
as tu ouvert l"outils développeur pour regarder ce que fait la requête serveur (onglet network) ?
script fonctionnel
[js]<!Doctype html>
<html>
<head>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Lorsque je soumets le formulaire
$('#contactform').on('submit', function(e) {
e.preventDefault(); // J'emp�che le comportement par d�faut du navigateur, c-�-d de soumettre le formulaire
var form = $(this); // L'objet jQuery du formulaire
// Je r�cup�re les valeurs
var nom = $('#nom').val();
var prenom = $('#prenom').val();
// Je v�rifie une premi�re fois pour ne pas lancer la requ�te HTTP
// si je sais que mon PHP renverra une erreur
if( nom === '' || prenom === '') {
alert('Les champs doivent �tres remplis');
} else {
// Envoi de la requ�te HTTP en mode asynchrone
$.ajax({
url: './contact.php', // Le nom du fichier indiqu� dans le formulaire
method:'post', // La m�thode indiqu�e dans le formulaire (get ou post)
data: {nom:nom,prenom:prenom},
success: function(msg) { // Je r�cup�re la r�ponse du fichier PHP
if (msg == "1") {
$('#contactform').hide();
$('#contactform-final').show();
$('#simulation-failed').show();
} else {
// il est pas d�j� affich� ton formulaire ? :)
$('#contactform').show();
$('#contactform-final').hide();
$('#simulation-failed').hide();
}
},
error: function() {
// J'affiche un message d'erreur
alert('D�sol�, aucun r�sultat trouv�');
}
});
}
});
});
</script>
</head>
<body>
<form id="contactform">
name : <input id="nom"><br />
firstname : <input id="prenom"/><br/>
<input type="submit" value="clic me baby"/>
</form>
<div id="contactform-final" style="display:none">
<h1>contactform-final</h1>
</div>
<div id="simulation-failed" style="display:none">
<h1>simulation-failed</h1>
</div>
</body>
</html>[/js]
je te conseil quand même de (re)voir des tutos sur le sujet, en copiant la doc cela fonctionne ;)
@+
