Question

I have a nice page that does everything I need. However one of the elements (a partial page) takes a few seconds longer then I’d like to load. So what I’d like to do is to show the page without this partial first but show a “loading” gif in its place. Then in my jquery…

$(document).ready(function() {

   // Call controller/action (i.e. Client/GetStuff)

});

I’d like to call my controller action that returns a PartialView and updates my div contents. It basically calls the partial load asynchronously on load. I could do this just fine with an ActionLink until it get’s to the point where I’d like to do it onload. If I use jQuery for the onloand type call, can I even return a PartialView?

Answer 1

Simply use $.load:

$(document).ready(function() {    
   $('#myDiv').html('<img src="loading.gif"/>')
              .load('Client/GetStuff');   
});

That will replace the contents of div id=”myDiv” with your loading indicator, and then inject the output of Client/GetStuff into it.