jQuery防止帖子重新加載

Question

我有以下頁面edit_profile.php是表單所在的頁面，以及ajax / update_profile.php是通過ajax發送數據的頁面。

 <script type="text/javascript">
            $(document).ready(function () {
              $("#update_profile").click(function() {
                  var updateprofile = $("#update_profile_form").serialize();
                     $.post(
                            "ajax/update_profile.php",
                            updateprofile
                     ).done(function(data) {
                            //alert("Successfully submitted!");
                            $("#result").html(data);


                     }).fail(function () {
                              //alert("Error submitting forms!");
                     })
              });
            });
        </script>

問題是，在ajax響應之后，它只是像瀏覽器上的F5一樣重新加載了edit_profile.php頁面，該頁面不怎么做？

Answer 1

寫

 $("#update_profile").click(function(e) {
 e.preventDefault(); //to prevent do action