在模态关闭时刷新父页面

Question

所以我有一个具有这种形式的模态。表单上有一个按钮，上面写着“Save & Exit”。点击它，数据通过 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">

保存并关闭按钮：-

<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

在成功函数中先关闭modal

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

然后重新加载页面

location.reload();

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