Loading message inside tab content

Question

I am using jQuery UI tabs in my page. When one tab is clicked an ajax call goes on and content is prepared and displayed. Ajax call and content preparation takes 5-6 second.

When I click on tab my screen remain idle after 6 second the tab content is shown. But I want to show loading message. How to do it?

Possible duplicate/very close to [JQuery UI Tabs - “Loading…” message](https://stackoverflow.com/questions/1730154/jquery-ui-tabs-loading-message) — Jeremy Thille, Aug 02 '17 at 13:54

score 0 · Answer 1 · answered Aug 02 '17 at 17:36

jQuery has global AJAX handlers that it will call during the processing of an AJAX request. On the ajaxStart handler you could unhide a progress GIF and on the ajaxComplete handler hide it.

$(document)
    .ajaxStart(function() {
        // Show GIF
    })
    .ajaxComplete(function() {
        // Hide GIF
    });

score 0 · Answer 2 · answered Aug 03 '17 at 07:52

0

I just made the ajax call Async: true and placed a loading message as content before ajax call. And its working fine for me..

Thank you all for your responses

answered Aug 03 '17 at 07:52

santosh

61
1
1
4

Loading message inside tab content

2 Answers2