jQuery.post刷新我的页面？

我的页面上有一个表单，下面的代码。但是，当我点击提交，似乎我的网页刷新。jQuery.post刷新我的页面？

形式：

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

非常感谢您的帮助！

来源

2011-09-23 Emkey

设置

return false;

您的形式（例如对onsubmit）。您的表单由jQuery（$ .post）和页面本身发布，因为您不会停止这样做。另一个选项（工作原理相同）是让jquery-part禁用表单的默认行为：

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

来源

2011-09-23 06:18:19 Snicksie

感谢您的回复@Snicksie，但我在哪里返回false？ – Emkey

我建议使用我给你的代码的第二部分，但是如果你更喜欢'return false;'，就把它放在这里：'form action =“＃”method =“POST”onSubmit =“return false;” >' – Snicksie

e.preventDefault（）;仍然刷新我的页面，并不保存我的输入。 – Emkey

jQuery.post刷新我的页面？

回答

相关问题