How to checkif there are pending requests (Ajax and its variants) from browser

Question

Some of the sites I deal with have heavy ajax requests. I plan to wait for Ajax request completion before clicking for asserting for element. Currently I use

try {
    if (driver instanceof JavascriptExecutor) {
        JavascriptExecutor jsDriver = (JavascriptExecutor)driver;

        for (int i = 0; i< timeoutInSeconds; i++) 
        {
            Object numberOfAjaxConnections = jsDriver.executeScript("return jQuery.active");
            // return should be a number
            if (numberOfAjaxConnections instanceof Long) {
                Long n = (Long)numberOfAjaxConnections;
                System.out.println("Number of active jquery ajax calls: " + n);
                if (n.longValue() == 0L)  break;
            }
            Thread.sleep(1000);
        }
    }
    else {
       System.out.println("Web driver: " + driver + " cannot execute javascript");
    }
}
catch (InterruptedException e) {
    System.out.println(e);
}

But it works well for Ajax requests but not for any similar requests with variants of jQuery libraries.

Note:

document.readyState == 'complete'

It doesn't work for Ajax requests or any other similar alternatives.

Neither tests are written by me or belong to single webapp. So I can't edit the webapp.

Do you mean you in other sites ajax calls are made without jquery? What's the purpose of injecting jquery? — Purus
– Purus, Commented Jun 19, 2014 at 4:55
If asynchronous requests are sent using other libraries like vanilla, does jquery.active still work? If not then I am asking wrong question. — raju
– raju, Commented Jun 19, 2014 at 8:09
If your application does not use jquery, you don't have any point of injecting it to the application. — Purus
– Purus, Commented Jun 19, 2014 at 8:11
Have you checked this SO question : How to check if HTTP requests are open in browser? — LeGEC
– LeGEC, Commented Jun 23, 2014 at 12:12

Ben McCann · Accepted Answer · 2015-09-22 02:27:01Z

13

I found the answer and it worked for few Ajax and non-ajax sites I checked. After this patch I no longer need to do implicit waits even for ajax heavy pages, LeGac pointed out the following code in one of his comments to the question.

public static void checkPendingRequests(FirefoxDriver driver) {
    int timeoutInSeconds = 5;
    try {
        if (driver instanceof JavascriptExecutor) {
            JavascriptExecutor jsDriver = (JavascriptExecutor)driver;

            for (int i = 0; i< timeoutInSeconds; i++) 
            {
                Object numberOfAjaxConnections = jsDriver.executeScript("return window.openHTTPs");
                // return should be a number
                if (numberOfAjaxConnections instanceof Long) {
                    Long n = (Long)numberOfAjaxConnections;
                    System.out.println("Number of active calls: " + n);
                    if (n.longValue() == 0L)  break;
                } else{
                    // If it's not a number, the page might have been freshly loaded indicating the monkey
                    // patch is replaced or we haven't yet done the patch.
                    monkeyPatchXMLHttpRequest(driver);
                }
                Thread.sleep(1000);
            }
        }
        else {
           System.out.println("Web driver: " + driver + " cannot execute javascript");
        }
    }
    catch (InterruptedException e) {
        System.out.println(e);
    }    
}



public static void monkeyPatchXMLHttpRequest(FirefoxDriver driver) {
    try {
        if (driver instanceof JavascriptExecutor) {
            JavascriptExecutor jsDriver = (JavascriptExecutor)driver;
            Object numberOfAjaxConnections = jsDriver.executeScript("return window.openHTTPs");
            if (numberOfAjaxConnections instanceof Long) {
                return;
            }
            String script = "  (function() {" +
                "var oldOpen = XMLHttpRequest.prototype.open;" +
                "window.openHTTPs = 0;" +
                "XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {" +
                "window.openHTTPs++;" +
                "this.addEventListener('readystatechange', function() {" +
                "if(this.readyState == 4) {" +
                "window.openHTTPs--;" +
                "}" +
                "}, false);" +
                "oldOpen.call(this, method, url, async, user, pass);" +
                "}" +
                "})();";
            jsDriver.executeScript(script);
        }
        else {
           System.out.println("Web driver: " + driver + " cannot execute javascript");
        }
    }
    catch (Exception e) {
        System.out.println(e);
    }
}

After every step you would need to call

checkPendingRequests(driver);

edited Sep 22, 2015 at 2:27

Ben McCann

19.1k26 gold badges88 silver badges105 bronze badges

answered Jun 26, 2014 at 10:49

raju

5,04818 gold badges68 silver badges121 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tebe Over a year ago

Are you sure that it's javascript? It looks like java

Karthi Over a year ago

in the angular app, this script is giving below warning in browser console and my service calls are failing too. [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check xhr.spec.whatwg.org.

Nicholas DiPiazza Over a year ago

This is racy. You will get times when the page has already fired off ajax before your script runs. The best way to do this is with a browser extension. But that doesn't work for Chrome Headless mode.

Rick Burns · Accepted Answer · 2014-06-25 20:34:20Z

2

This doesn't work? http://api.jquery.com/ajaxstop/

$(document).ajaxStop(function() {
    // Do stuff here...    
});

answered Jun 25, 2014 at 20:34

Rick Burns

1,54616 silver badges20 bronze badges

1 Comment

raju Over a year ago

No it works only for ajax but the requests can be of any type.

Community · Accepted Answer · 2017-05-23 12:25:26Z

1

If you are using JSONP requests, you need to enable the active handling:

jQuery.ajaxPrefilter(function( options ) {
    options.global = true;
});

I think that the use of active is correct, but possibly the way you have used might return false in the instanceof conditions.

Optionally, see another way to wait for jQuery ajax calls using active in Selenium tests:

browser.wait_for_condition("selenium.browserbot.getCurrentWindow().jQuery.active === 0;", '30000')

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Jun 24, 2014 at 15:26

falsarella

12.5k10 gold badges75 silver badges119 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:02:00Z

-3

Based on our discussion over the comments, this might work for you.

With prototype.js:

var ACTIVE_REQUESTS = 0; // GLOBAL

ACTIVE_REQUESTS++
new Ajax.Request('/your/url', {
  onSuccess: function(response) {
    ACTIVE_REQUESTS--;
    // Handle the response content...
  }
}));

console.log("there are " + ACTIVE_REQUESTS + " open AJAX requests pending");

With plain script:

interValRef = 0;

interValRef = setInterval("checkState();",100)

function checkState(){
    if(document.readyState == 'complete'){
        clearInterval(interValRef);
        myFunc();
    }
}

Source: Check Pending AJAX requests or HTTP GET/POST request

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Jun 19, 2014 at 8:29

Purus

5,8499 gold badges55 silver badges92 bronze badges

1 Comment

raju Over a year ago

Doesnt work for me. I have checked with a pending ajax request. document.readyState is always 'complete'. checkout this tinypic.com/r/mr4qis/8. even with pending ajax requests, document.readyState is 'complete'

Collectives™ on Stack Overflow

How to checkif there are pending requests (Ajax and its variants) from browser

4 Answers 4

3 Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related