jQuery.post 刷新我的页面？

Question

我的页面上有以下代码和表单。但是当我点击提交时，我的页面似乎刷新了。

表格：

<form action='#' method='post'>
    <div><input type='text' name='name' /></div>
    <div><input type='submit' value='Save' /></div>
</form>

JS：

<script type='text/javascript'>
    $(document).ready(function() {
        $('form').bind('submit',function() {
            var str = $('form').serialize();

            $.post("save.php", { formString: str }, 
                function(data) {
                    alert("Saved: " + data);
                }
            );

        });
    });
</script>

非常感谢您的帮助！

Answer 1

设置一个

return false;

到您的表单（例如在 onSubmit 上）。您的表单由 jQuery ($.post) 和页面本身发送，因为您不会阻止它这样做。另一个选项（同样的）是让 jquery-part 禁用表单的默认行为：

//your code
$('form').bind('submit',function() {
   // more of your code
   return false;
}