Вот мой код ниже. Я просто пытаюсь отправить форму сообщения с помощью php-скрипта, но сообщение отправлено хорошо. но когда дело доходит до показа успешного сообщения, у меня возникает проблема с отправкой данных, но не отображается код.имеет проблемы с отображением сообщения об успешном php с ajax
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#send").click(function(event){
var name = $("#name").val();
var email = $("#email").val();
var message = $("#message").val();
$.ajax({
type: "POST",
url: "process.php",
data:{
name: name,
email: email,
message: message,
},
success:function(data) {
$('#msg').html(data);
}
});
});
});
</script>
Ниже PHP и HTML код:
<?php
include 'db.php';
$name=$_POST["name"];
$email=$_POST["email"];
$message=$_POST["message"];
$query = mysqli_query($con, "INSERT INTO test(name, email, message) VALUES ('$name', '$email', '$message')");
if($query){
echo "Your message has been sent successfully!";
}
else{
echo "Your message has been not sent successfully!";
}
mysqli_close($con);
?>
<form action="" method="POST" enctype="multipart/form-data">
<input type="text" class="form-control" id="name" name="name">
<input type="text" class="form-control" id="email" name="email">
<textarea class="form-control" rows="5" id="message" name="message"></textarea>
<button id="send" type="submit" class="btn btn-primary">Send</button>
</form>
<div id="msg" class="alert alert-success hidden"><strong></strong></div>
* «страница отправляет» * - ваша проблема, кнопка отправляет форму (и обновляет страницу) до завершения аякс-вызова (так что нет вызова ajax). Вы можете изменить свою кнопку на '
добавьте 'event.preventDefault()' к вашему событию click. – Mohammad
Я просто попытался изменить тип кнопки, но это не сработает – Kanna