У меня есть файл с именем try.php
, где приведен код, содержащий все файлы javascript, PHP и html.
<?php
if(isset($_POST["submit"])){
echo "hello";
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Submit Form Using AJAX and jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<form method="POST" id="myForm">
<input name="name" type="text" placeholder="Your Name">
<input name="email" type="text" placeholder="email">
<input name="submit" type="submit" value="Submit">
<div id="display"></div>
</form>
<script>
$(document).ready(function(){
$("#myForm").submit(function(event) {
event.preventDefault(); //prevent default action
window.history.back();
var form_Data = $(this).serialize();
$.ajax({
type: "POST",
url: "try.php",
data: form_data,
cache: false,
success:function(response){
alert(response);
}
});
});
});
</script>
</body>
</html>
Цель кода выше - просто отправьте форму без перезагрузки страницы, просто используя AJAX
, а данные формы должны быть обработаны php
здесь просто echo "hello"
. Приведенный выше код работает нормально, он отправляет и php обрабатывает все правильно, но страница перезагружается. Каким должно быть изменение в коде?