Does Phantom.js capture all AJAX?

javascript backbone.js phantomjs
TIMEX picture TIMEX · Feb 7, 2013 · Viewed 25.7k times · Source

I have a backbone app that has a ton of AJAX. (each page load results in 5-6 ajax calls) because I have many views and internal views within those views,

if I run Phantom.js, can I get the final html result?

Final result is what the user sees after all my ajax calls run.

Answer

Cybermaxs picture Cybermaxs · Feb 10, 2013

PhamtonJs is a headless WebKit with JavaScript API. When crawling a page, PhatomJs will download all dependants requests such as images, js, css... It will also executes JS and ajax calls. However the onLoaded callback is invoked when the page finishes the loading, not when there are no pending requests. So, you have to use a trick for this.

There are two way to solve the problem :

  • Wait until "something" effectively changed in you page (an element). The best example is waitFor.js
  • Wait a few seconds until no requests were received.

Related questions

What does `void 0` mean?

Reading through the Backbone.js source code, I saw this: validObj[attr] = void 0; What is void 0? What is the purpose of using it here?

Read More
Explanation of <script type = "text/template"> ... </script>

I just stumbled upon something I've never seen before. In the source of Backbone.js's example TODO application (Backbone TODO Example) they had their templates inside a <script type = "text/template"></script>, which contained code that …

Read More
Lodash .clone and .cloneDeep behaviors

I try to clone an array of objects with nested objects. Something like: var data = [ { id: 1, values: { a: 'a', b: 'b' } }, { id: 2, values: { c: 'c', d: 'd' } } ]; _.Clone With the _.clone method and the isDeep parameter at true: var clone = _.…

Read More