“Отправить форму и показать результаты на той же странице без обновления” Ответ

Отправить форму и показать результаты на той же странице без обновления

<form id="myForm" method="post">
Name: <input name="name" id="name" type="text" /><br />
<input type="button" id="submitFormData" onclick="SubmitFormData();" value="Submit" />
</form>
<br/>
Your data will display below..... <br />
==============================<br />
<div id="results">
<!-- All data will display here  -->
</div>


<!-- SCRIPTS -->
function SubmitFormData() {
    var name = $("#name").val();
    $.post("submit.php", { name: name},
    function(data) {
	 $('#results').html(data);
	 $('#myForm')[0].reset();
    });
}

<!-- submit.php -->
<?php
  echo $_POST['name'] ."<br />";
  echo "=============== YOUR INSERT CODE ===============<br />";
  echo "All Data Submitted Successfully!";
?>