Question

I’m using an Ajax method to retrieve data, is there a way I can implement a loading timer while the process is being carried out?

Cheers

Answer 1

Well seeing that the load time will vary a timer might not be the best option but what you could do is have an image as such

<img src="preloader.gif" id="Preloader" style="display:none;" /> You can get some from preloaders.net

Then in the jQuery if that’s what you are using. Show the preloader before the request.

$("#Preloader").show();
$.ajax({
  url: "test.html",
  context: document.body,
  success: function(){
    // On success hide the preloader
    $("#Preloader").hide();
  },
  error: function(){
    // On error hide the preloader as well
    $("#Preloader").hide();
  }
});