在CasperJS中，如何等待JSON完成加载？

Question

I am visiting a site that emits a (large) JSON response. A click triggers the request:

casper.then(function li10() {
    casper.click(SEARCH_BUTTON_CSS);
});

But according to my web proxy, the client closes the connection before receiving the entire response. I've tried waiting for the URL to appear. It waits for the URL as expected, but that doesn't appear to be sufficient:

casper.then(function li11() {
    casper.waitForUrl(/\/search-results\/p\?/,
                      function() { 
                          var search_url = casper.getCurrentUrl();
                          console.log('found search results, url = ' + search_url);
                      },
                      function() { 
                          console.log('failed to find search results');
                          casper.exit();
                      },
                      10000);
});

So: what is something dependable that I can wait for that will guarantee that the JSON code has completely loaded before proceeding to the next step?

Answer 1

I'm assuming that you would fill a search field, click a button and the JavaScript makes an Ajax request to receive a JSON response to then parse it and display the results.

casper.waitForUrl() is used to wait for the page URL to change to the specified one. It has nothing to do with resources that are loaded separately such as AJAX responses.

You either need to

• find out the specific URL that is requested for the search action and use casper.waitForResource() to wait for that specific resource or
• devise a specific selector that appears when the search data is parsed and injected into the page with casper.waitForSelector() .