javascript - 提交表单而不重新加载页面

Question

我不知道 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>

Answer 1

<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>

ajax.php

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

Answer 2

如果您不了解 AJAX 和 PHP，但您仍然必须提交一个无需重新加载页面的表单，那么请按照本教程进行操作.. 做一些家庭作业

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/