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