ajax - 访问以 AJAX 加载的 HTML

Question

我正在尝试在访问页面时仅加载页面骨架的应用程序上使用 CasperJS。然后它加载 AJAX 中的主要内容。

基本上，我的代码加载后出现在下面的div中

    <div class="content"></div>

CasperJS 似乎无法在初始加载后访问此 div 的内容。这太糟糕了，因为整个应用都在这个标签内(不要怪我，怪使用 Backbone 的开发人员)。

经过大量搜索，我发现我或许可以使用 evaluate 函数来执行 document.body.innerHTML 以将请求的 HTML 内容转储到文档，但它似乎不起作用。

有什么想法吗？非常感谢。

Answer 1

正如您发现的那样，您应该能够通过使用 evaluate 获取 div 内容。 eval 函数应返回所需的值。

如果内容是通过 AJAX 加载的，您还应该等待它加载完毕。我建议使用这个:

var body_html;
this.waitForSelectorTextChange('div.content', function() {
   body_html = this.evaluate(function() {
       return document.body.innerHTML;
   });
});

希望对你有帮助