You can use the beforeSend
and complete
events of $.ajax
to call $.mobile.showPageLoadingMsg
and $.mobile.hidePageLoadingMsg
. Would look like this:
$('#main').live('pagecreate', function(event) {
$.ajax({
beforeSend: function() { $.mobile.showPageLoadingMsg(); }, //Show spinner
complete: function() { $.mobile.hidePageLoadingMsg() }, //Hide spinner
url: //url
dataType: 'json',
headers: //headers
success: function(data) {
//...
}
});
});