我的表单类似于以下内容:
<form method="post" action="mail.php" id="myForm"> <input type="text" name="fname"> <input type="text" name="lname"> <input type="text" name="email"> <input type="submit"> </form>
我是AJAX的新手,我要完成的工作是当用户单击“提交”按钮时,我希望mail.php脚本在后台运行而不刷新页面。
mail.php
我尝试了类似下面的代码的方法,但是,它似乎仍然像以前一样提交表单,而不像我所需要的那样(在幕后):
$.post('mail.php', $('#myForm').serialize());
如果可能的话,我想获得使用AJAX实施此功能的帮助,
提前谢谢了
您需要阻止默认操作(实际提交)。
$(function() { $('form#myForm').on('submit', function(e) { $.post('mail.php', $(this).serialize(), function (data) { // This is executed when the call to mail.php was succesful. // 'data' contains the response from the request }).error(function() { // This is executed when the call to mail.php failed. }); e.preventDefault(); }); });