How do I refresh a partial view every 3 seconds in MVC 4?

Question

I need to get a progress bar to update based on the number of jobs completed. The number of jobs completed is stored on a jobs table of a SQL Server DB. I need my ASP.NET MVC 4 application to query the DB every 3 seconds for the number of jobs compete and use this data to update the progress bar which is held in a partial view. The timer works and it calls my the _getforStatus action in the StatusController, and it seems to call the EntityDB, but is never seems to call the view other than before the timer tells it to. How do I get the progress bar to refresh every 3 seconds? The header of my _Layout.cshtml view calls the initiation of the timer which is in the StatusController like so: ``` ... @Html.Action("InitTimer", 'Status") ... ``` Also, in the _Layout view I call the partial view into a Jumbotron like so: ```

@{Html.RenderAction("_GetforStatus", "Status");}

``` The Status controller is coded like so: ``` public class Sta…

Accepted Answer

I think you need to make some changes to your ajax call. Here is an example of how I do the call

```
$.ajax({
    url: '@Url.Action("Action", "Controller")',
    type: 'post',
    cache: false,
    async: true,
    data: { id: "frmUser" },
    success: function(result){
        $('.divPartial').html(result);
    } 
});
```

on your controller I don't think you need the child action only. Also you are returning an empty partial view object. It should be

```
return partialView('_partialName', Model);
```

finally in your jquery to keep the call happening you need to retrigger the call. Try something like this

```
$(document).ready(function(){
    function RefreshPartial(){
        //this will wait 3 seconds and then fire the load partial function
        setTimeout(function(){
            loadPartialView();
            //recall this function so that it will continue to loop
            RefreshPartial();
        }, 3000);
    }
    //initialize the loop
    RefreshPartial();
}); 
```

How do I refresh a partial view every 3 seconds in MVC 4?

Solution

Problem

Related problems