提交表格并留在同一页面上？

Question

我试图让我的表单使用jquery保持在同一页面上。我使用名为＃clientUpdate-form的表单将其发布到update.php。我已经尝试删除window.location.href并尝试将其更改为window.location.href =＆＃34; edit_form.php？edit_id =＆＃34; + edit_id但表单总是恢复为index.php

完整代码：

 /* Update Record  */
 $(document).on('submit', '#clientUpdate-form', function() {
    $.post("update.php", $(this).serialize()).done(function(data) {
        $("#dis").fadeOut();
        $("#dis").fadeIn('slow', function() {
            $("#dis").html('<div class="alert alert-info">' + data + '</div>');
            $("#clientUpdate-form")[0].reset();
            $("body").fadeOut('slow', function() {
                $("body").fadeOut('slow');
                window.location.href = "index.php";
            });
        });
    });
    return false;
 });
 /* Update Record  */

Answer 1

您需要阻止表单提交的默认事件。

$(document).on('submit', '#clientUpdate-form', function(e) { // note the e, thats the event 
   e.preventDefault(); // this stops the default event of the form
   // then your stuff goes here
});