jQuery防止在帖子上重新加载页面

时间:2019-07-17 23:35:11

标签: javascript php jquery html ajax

我有以下页面 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响应之后,它仅重新加载了 edit_profile.php 页面,就像浏览器上的 F5 一样,该页面怎么办? / p>

1 个答案:

答案 0 :(得分:2)

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