使用jQuery重新加载Ajax iFrame

Question

我有两个选项卡，每个选项卡的默认显示为“更新条目”，每个选项卡中都有一个iFrame。

<div id="tabContainer">
<div class="tabWrapper">
    <a class=active id=iEntrylist onClick="return showMenu('Entrylist','iEntrylist')" href="javascript:">Entry List</a>
    <a class=nonactive id=iAddList onClick="return showMenu('AddList','iAddList')" href="javascript:">Open Deals</a>
</div>
</div>

<!-- LIST SECTION -->
<div class="tabDiv" id="Entrylist">
 <iframe src="../include/EntryList.php" frameborder="0" scrolling="yes" id="_iframe2" width="100%"></iframe>
</div>

<!-- ADD LIST SECTION -->
<div class="tabDiv" id="AddList" style="display: none;">
<iframe src="../include/AddList.php" frameborder="0" scrolling="yes" id="_iframe2" width="100%"></iframe>
</div>

现在，从更新条目选项卡中，一旦更新按钮单击包含条目列表的iframe1，就会重新加载。 我下面有我的代码，但是它不起作用。 该更新正在运行，但无法重新加载iFrame。

<script>
$(document).ready(function () {
    $(".updateBTN").click(function () {
        var data = $(this).attr('id');
        //alert (data);
        $.ajax({
            type: "POST",
            url: "../update.php",
            data: {
                'id': data
            }
        }).done(function (msg) {
            $("#notification").html(msg);
            window.setTimeout(function () {
                parent.document.getElementById('iframe1').location.reload()
            }, 500);
        });
    });
});
</script>

Answer 1

尝试在单击末尾放回false。 像这样：

    $(document).ready(function () {
        $(".updateBTN").click(function () {
            var data = $(this).attr('id');
            //alert (data);
            $.ajax({
                type: "POST",
                url: "../update.php",
                data: {
                    'id': data
                }
            }).done(function (msg) {
                $("#notification").html(msg);
                window.setTimeout(function () {
                    parent.document.getElementById('iframe1').location.reload()
                }, 500);
            });

            return false;
        });
    });

Answer 2

您必须使用contentWindow来选择iFrame窗口。

parent.document.getElementById('iframe1').contentWindow.location.reload()

Answer 3

用这个：

$('#iframe1',window.parent.document).attr('src',$('#iframe1',window.parent.document).attr('src'));