Sample html form
<form action="form.php" method="POST">
<div class="form-group">
<input type="text" name="name" id="name" class="form-control" placeholder="Name">
</div>
<div class="form-group">
<input type="email" name="email" id="email" class="form-control" placeholder="Email">
</div>
<button class="btn btn-primary" type="submit">Submit</button>
</form>
Add this on to your website footer
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
The back end part
<?php
$form_data = array();
$form_data['name'] = $_POST['name'];
$form_data['email'] = $_POST['email'];
echo json_encode($form_data);
?>
This is the form submit through javascript with query ajax part
<script>
$(document).ready(function() {
$('form').submit(function(e) {
e.preventDefault();
var values = $(this).serialize();
$.ajax({
url: "form.php",
type: "post",
data: values ,
success: function (res) {
alert('Form submitted successfully...')
console.log(res)
},
error: function(xhr, status, error) {
console.log(xhr.responseText);
}
});
//send second form request
$.ajax({
url: "form2.php",
type: "post",
data: values ,
success: function (res) {
alert('Form submitted successfully...')
console.log(res)
},
error: function(xhr, status, error) {
console.log(xhr.responseText);
}
});
})
});
</script>
