javascript - 如何获取包含动态内容的页面的 html？

Question

我需要获取一个页面的 html，该页面的内容是通过 Ajax 动态生成的。 * 来自不同的页面。

我知道我可以使用 Ajax 来获取页面的 html，但由于内容是动态的，所以还不会出现。

$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

任何建议/方向表示赞赏。

Answer 1

如果我理解正确的话，ajax/test.html 页面上的内容会在该页面完全加载后通过 Javascript 进行更新。这不是 AJAX 设计来处理的事情。如果动态页面位于同一域内，一种潜在的途径是将页面加载到 iframe 中并在指定的时间范围后获取生成的标记:

<iframe src="ajax/test.html" id="ajax-frame"></iframe>

<script>
    setTimeout(function() {
        var markup = document.getElementById('ajax-frame').contentWindow.document.body.innerHTML;
    }, 1000);
</script>

检索 iFrame 标记的方法可在 this post 中找到。 .