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

Question

在我的网站上，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>

Answer 1

我不知道为什么要使用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);
  });

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

问题描述

1 个解决方案

解决方案1
0 2016-05-19 13:04:00

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

问题描述

1 个解决方案

解决方案1 0 2016-05-19 13:04:00

解决方案1
0 2016-05-19 13:04:00