使用jQuery的Ajax iFrame重裝

我有兩個選項卡，每個選項卡默認顯示的是「更新條目」，每個選項卡里面都有一個iFrame。使用jQuery的Ajax 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>

來源

2013-12-23 user3103905

試着放在最後點擊返回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; 
     }); 
    });

來源

2013-12-23 17:31:57

這是行不通的 – user3103905

您必須使用contentWindow來選擇iFrame窗口。

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

來源

2013-12-23 17:32:05

它不工作 – user3103905

你得到你的更新的值在數據庫中設置？這可能是後端問題。手動刷新所有內容時，是否從更新中設置值？ –

我正在成功獲取更新。是的，我必須手動刷新頁面才能看到更新。 – user3103905

使用此：

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

來源

2017-11-06 11:02:03

使用jQuery的Ajax iFrame重裝

回答

相關問題