Bloqué le refresh avec Ajax
Pierredu16500 Le 5 avril 2018 à 13:43 (Édité le 25 janvier 2019 à 17:54)
Bonjour à tous, alors voila depuis plusieurs jours je cherche à créer une newsletter en PHP et Ajax.
Mon code PHP fonctionne parfaitement, le voilà :
Mon formulaire :
Mais dès que j'ajoute de l'AJAX pour empêcher le refresh plus rien ne marche ! Le message alert m'affiche success, mais rien ne s'enregistre dans ma DB !
Code JS :
Merci de votre aide
Mon code PHP fonctionne parfaitement, le voilà :
$bdd = new PDO("mysql:host=127.0.0.1;dbname=mydb;charset=utf8", "root", "");
if(isset($_POST['newsletter'])) {
if(!empty($_POST['mail'])) {
$mail = $_POST['mail'];
$insert = $bdd->prepare("INSERT INTO newsletter(mail) VALUES (?)");
$insert->execute(array($mail));
$msgOk = "<p class='text-success'>Votre inscription à bien été prise en compte !</p>";
} else {
$msg = "<p class='text-danger'>Veuillez entrer une boîte mail valide !</p>";
}
}
Mon formulaire :
<form method="POST" id="formNews" action="">
<div class="row mx-autor">
<div class="col-sm-8">
<div class="form-group">
<input type="email" class="form-control" id="InputEmail1" aria-describedby="emailHelp" name="mail" placeholder="Entrez votre adresse e-mail">
</div>
</div>
<div class="col-sm-4">
<button type="submit" id="sum" class="btn" name="newsletter">S'inscrire</button>
</div>
</div>
<?php
if(isset($msg))
{
echo $msg;
} else {
echo $msgOk;
}
?>
</form>Mais dès que j'ajoute de l'AJAX pour empêcher le refresh plus rien ne marche ! Le message alert m'affiche success, mais rien ne s'enregistre dans ma DB !
Code JS :
$(function () {
$('#formNews').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'include/main.php',
data: $('#formNews').serialize(),
success: function () {
alert('Success');
}
});
});
});
Merci de votre aide
