есть рабочая форма гостевой книги. данные из нее попадают в mysql базу данных. но страница каждый раз перезагружается, так нужно подключить ajax. но при подключении данные не доходят до базы данных. может кто-то видит ошибку?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Отправка форм AJAX</title>
</head>
<body>
<form id="form">
<input type="text" name="name" placeholder="Ваше имя" required /><br />
<input type="text" name="phone" placeholder="Ваш телефон" required /><br />
<button>Отправить</button>
</form>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="common.js"></script>
</body>
</html>
$(document).ready(function() {
$("#form").submit(function() {
$.ajax({
type: "POST",
url: "addguestbook.php",
data: $(this).serialize()
}).done(function() {
$(this).find("input").val("");
alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
$("#form").trigger("reset");
});
return false;
});
});
$host="localhost"; // Host name
$username="userr"; // Mysql username
$password="1234"; // Mysql password
$db_name="userr"; // Database name
$tbl_name="mytable"; // Table name
$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
// Connect to server and select database.
$connect = mysqli_connect("$host", "$username", "$password", "$db_name" )or die("cannot connect server ");
//mysql_select_db("$db_name")or die("cannot select DB");
$datetime=date("y-m-d h:i:s"); //date time
$result=mysqli_query($connect,"INSERT INTO mytable(name, email)VALUES('$name', '$phone')");
//check if query successful
mysqli_close($connect);