Execute code after page has finished loading javascript / jquery

Question

so I'm loading a url which takes a fairly long time to load, about a minute. I'm wondering how I should go about executing some additional javascript or jquery code only once the page has fully finished loading.

I was trying this but it was not working

$(document).ready(function()
{
    $.ajaxSetup(
    {
        cache: false,
        success: function() {
            $('#div_loading').hide();
            $('#div_done').show();
        }
    });
    $.ajax("process.php?q=<?=$id?>&bitrate=<?=$bitrate?>");
});

Are you loading the process.php url with $.ajax above? It looks like you do not have any data returned, is that correct? — Andreas Josas
– Andreas Josas, Commented Jan 26, 2014 at 0:35

Jason Evans · Accepted Answer · 2014-01-25 22:23:43Z

1

You could use a jQuery deferred object e.g.

$.ajax("process.php?q=<?=$id?>&bitrate=<?=$bitrate?>").then(function(data){

});

Basically when the $.ajax call returns, the then function will be executed.

answered Jan 25, 2014 at 22:23

Jason Evans

29.2k16 gold badges95 silver badges157 bronze badges

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

Collectives™ on Stack Overflow

Execute code after page has finished loading javascript / jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related