Proper jquery ajax loading image

Question

I use this function on all my site ajax calls. My question is how would you rewrite it to have a proper pre-load image since mine is kind of a cheat and if the page takes too long to load or is 404 that loading image never goes away.

function ajaxcall(my_url, my_div, my_data)
{
    $(my_div).append('<div style="text-align:center; position:absolute; top:0; left:0; width:100%;"><img src="/images/loading.gif" /></div>');
    $.ajax({ url: my_url,
        data: my_data,
        type: 'get',
        success: function(output) 
            {
                $(my_div).html(output);
            }
    });
}

Regards

StuperUser · Accepted Answer · 2011-07-07 09:48:32Z

1

You could use the error option (see http://api.jquery.com/jQuery.ajax/) to write a handler function that deals with 404 or timeouts i.e removing the loading image and notifying the user somehow.

answered Jul 7, 2011 at 9:48

StuperUser

10.9k14 gold badges85 silver badges143 bronze badges

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

Comments

Mahesh KP · Accepted Answer · 2011-07-07 09:49:16Z

0

after that ajax call if it is a failure hide the div.

Otherwise you can put the image on another div.Initially it will be hide and in the start of function show the div and after ajax call hide the div whether it is success or failure.

answered Jul 7, 2011 at 9:49

Mahesh KP

6,47613 gold badges54 silver badges71 bronze badges

Collectives™ on Stack Overflow

Proper jquery ajax loading image

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related