簡體   English   中英

Ajax完成后在js中加載iframe或div

[英]Load iframe or div inside js after ajax complete

在我的網站上,ajax調用iframe正在加載某種數據。 我想在ajax請求完成或數據加載后立即加載iframe或div數據。 我無法直接訪問ajax,因此我正在嘗試這種方式,但顯示未定義。 我認為這是由於iframe或div每次均未加載。 我如何在不觸摸Ajax代碼的情況下在js中加載iframe或div的任何幫助。

<script type="text/javascript">
setTimeout(function() { alert(jQuery('#wrapper').html()); }, 10000);
</script>

如果我使用pplus而不是包裝器,則僅顯示空的iframe。 但是我想加載它的數據。 iframe代碼如下所示:

<div id="ppplus" style="height: 535px;"><iframe  allowtransparency="true" style="height: 535px; width: 870px; border: none;">
<html>
<div class="content" id="wrapper">data goes here</div>
</html>

</iframe></div>

我不知道為什么要使用i框架只是為了顯示數據..使用div。 iframe的行為與div不同。 您沒有innerHTML。 您有一個正文(myFrame.contentDocument.body)

不要使用您不知道響應時間的計時器。

為包裝div添加一個事件監聽器,例如DOMSubtreeModified或DOMNodeInserted,並獲取其內容

  var ppplus = document.getElementById('ppplus');
  ppplus.addEventListener("DOMSubtreeModified",function(e) {
        var myFrame = e.target.firstchild;
        console.log(myFrame.contentDocument.body);
  });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM