Javascript 在不重新加载页面的情况下提交表单

我不知道Ajax或PHP，但我想在不刷新页面的情况下提交此表单，还想在提交按钮旁边显示复选图标。我该怎么做

<form id="form" action="" method="post">
    <input type="text" id="email" value="e-mail address" />
    <input type="submit" id="submit" name="submit" value="Submit" />
</form>

---

如果您不了解AJAX和PHP，但仍然必须提交表单而不重新加载页面，请遵循本教程。。做些家务活

---

“我怎样才能做到这一点？”

->在询问之前，先研究一下这个网站，自己尝试一下。右边的相关专栏有很多类似的话题。是的，我看到了，但很多都不懂。

<script>
function xyz(){
var email_val=$('#email').val();
$.post("ajax.php",{"email":email_val},function(data){
  if(data) {
      $('#message').html('Data submit successfully');
      $('#email').val('');
    }
    else{
       $('#message').html('Failed');
    }
});
}

</script>


<form id="form" action="" method="post" onsubmit="xyz()">
   <input type="text" id="email" value="e-mail address" />
   <input type="submit" id="submit" name="submit" value="Submit" />
   <span id="message"></span>
</form>

if(isset($_REQUEST['email'])){
     //Your code here
}