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

jQuery.post刷新我的页面？

1 个答案: