javascript - 提交后刷新整个页面(Fancybox)

Question

我有一个页面，用户单击按钮，然后会出现一个 fancybox 弹出窗口，其中有一个 php 文件，其中包含您可以更新的所有字段。我想要发生的是，按下更新按钮后，整个页面将刷新并关闭弹出窗口。但发生的情况是，在我按下更新后，只有弹出窗口刷新。我怎样才能做到这一点？

在此页面中，我回显所有用户信息

emp_refer.php

       <a id="various5" href="http://i-refer.elitebpocareers.com/refer/updateInfo.php">
                    <button class="button">Edit Personal Information</button>
                </a>


        <SCRIPT TYPE = "text/javascript">

        $("#various5").fancybox({
         'width'             : '75%',
         'height'            : '75%',
         'autoScale'         : false,
         'transitionIn'      : 'none',
         'transitionOut'     : 'none',
         'type'              : 'iframe'
        });

        </SCRIPT>

然后在更新后的第 2 页中，我执行此代码，并且弹出窗口仅刷新

echo "<meta http-equiv='refresh' content='0; url=emp_refer.php'>";

Answer 1

你可以做的是:

在第 2 页中，更新后运行 fancybox.close() 方法，而不是 meta 标记，如下所示:

echo "<script>parent.jQuery.fancybox.close();</script>";

然后，在 fancybox 初始化脚本(emp_refer.php 页面)中将 onClosed 回调添加到 API 选项并运行 location.reload() 其中如下:

$("#various5").fancybox({
    'width': '75%',
    'height': '75%',
    'autoScale': false,
    'transitionIn': 'none',
    'transitionOut': 'none',
    'type': 'iframe',
    'onClosed': function () {
        location.reload();
        return;
    }
});

注意:如果您使用 fancybox v2.x，请使用 afterClose 回调