Пытаюсь отправить данные в базу при помощи ajax. Попробовал тучу всего.
Это пробую сейчас.
Ничего не выходит.
Можно ли сделать это лучше или исправить это?
Без ajaxa все рабоатет, но нужно оставаться на той же странице после отправки формы.
HTML
<form id="starting_form" action="form_submition.php" method="POST" id="starting_form">
<div class="input__container">
<input id="first_name" class="common__input" type="text" placeholder="voornaam" name="firstname">
<input id="second_name" class="common__input" type="text" placeholder="achternaam" name="lastname">
<input id="mail" class="common__input" type="text" placeholder="e-mailadres" name="email">
</div>
<div class="checkboxes__container">
<div class="single__checkbox">
<input type="checkbox" id="c1" name="terms" />
<label id="c1_lb" for="c1"><span></span><b><i>Ik ga akkoord met de <a target="_blank" href="Some.pdf">something</a>.</i></b></label>
</div>
<div class="single__checkbox">
<input type="checkbox" id="c2" name="newsletter" />
<label id="c2_lb" for="c2"><span></span><b><i>Ik blijf graag op de hoogte van het laatste HBO-nieuws.</i></b></label>
</div>
</div>
<div class="buttons__container buttons__container_form">
<input type="button" id="starting_screen_close" class="common__button common__button_long common__button_margin" value="Some thing">
<input type="button" id="first_episode_open" class="common__button common__button_long common__button_margin" value="Some other thing">
</div>
<!-- <input name="submit_button" id="submit_button" type="submit" style="display:none;"> -->
</form>
Javascript
// ajax call
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#starting_form').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
PHP
<?php
/** Use database**/
define('DB_DEFINED', true );
/** MySQL databse name **/
define('DB_NAME', 'mail');
/** MySQL database username */
define('DB_USER', 'admin');
/** MySQL database password */
define('DB_PASSWORD', 'password');
/** MySQL hostname */
define('DB_HOST', 'host');
$conn = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$firstname_val = $_POST["firstname"];
$lastname_val = $_POST["lastname"];
$email_val = $_POST["email"];
$terms_val = $_POST["checkbox1"];
$newsletter_val = $_POST["checkbox2"];
$creationdate = gmdate('Y-m-d h:i:s \G\M\T');
if( isset( $_POST["submit_button"] ) ) {
$sql = "INSERT INTO data_table (firstname, lastname, email, terms, newsletter, creationdate)
VALUES ('$firstname_val','$lastname_val','$email_val','$terms_val','$newsletter_val', '$creationdate')";
if ($conn->query($sql) === TRUE) {
} else {
}
}
$conn->close();
?>