1. HTML Source Code(Index.php)

<form action="#" method="post">
<input type="text" name="name" palceholder="Enter name">
<input type="submit" name="submit" value="Submit">
</form>

<script>
$(function () {
$('form').bind('submit', function () {
var interval = 700;
$.ajax({
type: 'post',
url: 'send.php',
data: new FormData($('form')[0]),
cache: false,
contentType: false,
processData: false,
success: function (data) {
if(data=='success'){
swal("Inserted", "Data has been successfully inserted", "success");
setTimeout(function() {
location.reload();
}, interval);
}
else{
swal("Inserted Failed", "datahas been inserted failed", "error");
}
}
});
return false;
});
});
</script>
2. PHP Source Code(send.php)

<?php
$conn=mysqli_connect("localhost", "root", "", "testproject");
$name=$_POST["name"];
$query=mysqli_query($conn, "INSERT INTO userdetails(name) VALUES('$name')");
if(query==true){
echo"success";
}
else{
echo"Inserted Failed";
}
?>