Question

所以我有一个有这种形式的模态。表单上有一个按钮，表示＆＃34; 保存＆amp;退出＆＃34 ;.点击它，数据将通过 ajax 正确保存到数据库中，但如何同时关闭模式并刷新父页面？

打开模式的代码

<button type="button" class="float-right" data-toggle="modal" data-target="#attribute_contact">
                            <i class="fa fa-pencil"></i>
                        </button>

模态

<div class="modal fade" id="attribute_contact" role="dialog">
                    <div class="modal-dialog modal-lg">

保存＆amp;关闭按钮： -

<input type="submit" name="submit" value="Save & Close" id="submit_button" class="btn btn-success">

AJAX

$("#left_side_profile").submit(function(e){
        e.preventDefault();
        // alert("submitted");
        $.ajax({
            type: 'POST',
            url: 'ajax.php',
            data: $('#left_side_profile').serialize(),
            success: function (data) {
              window.location.href = "editprofile.php";
            }
          });
});

非常感谢任何帮助。

Answer 1

在成功功能中首先关闭模态

$("#attribute_contact").modal('hide');

然后重新加载页面

location.reload();

success: function (data) {
    $("#attribute_contact").modal('hide');
    location.reload();
}

在模态关闭时刷新父页面

1 个答案: