programad programad - 1 year ago 145
jQuery Question

Rendering Partial Views using ajax

I've checked this question and it solved my initial problems. But I don't want the partial view to be rendered only when the user clicks a link, I want to render partial views when the page is loaded and, possibly, show a progress indicator while the partial view is being loaded.

How to achieve that?

Thank you very much for reading this.

Answer Source

If you want to load the page and then load the partial view via ajax you could create an ActionMethod that does something like:

public ActionResult Create()
     var model = new MyModel();

     if (Request.IsAjaxRequest())
          return PartialView( "_Partial", model.PartialModel );
          return View( model );

and then in your page do something like:


    $(document).ajaxStart(function () {
        //show a progress modal of your choosing
    $(document).ajaxStop(function () {
        //hide it

          url: '/controller/create',
          dataType: 'html',
          success: function(data) {
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download