Question

I have ASP.NET MVC 3 web app and List of objects

List<ConversionModel> Queue

I would like to display list of ConversionModel objects in one web page and refresh display every five seconds without reloading web page. I am new to MVC 3 and can’t find any example.

Answer 1

You could use AJAX for this, but I don’t think that has a good impact on your server (at least doing so every five seconds for every user on your site).

Client-side:

<script type="text/javascript">
    // This is to refresh the items every 5 seconds (5000 milliseconds)
    setInterval(getMyData, 5000);

    function getMyData() {
        // Using $.getJSON for simplicity, but try to use $.ajax or $.post
        $.getJSON('/MyController/MyAction', function(response) {
          var items = response.d.items;
          // Iterate through the items here and add the items to your web page
        });
    }    
</script>

Server-side:

public JsonResult MyAction()
{
     List<ConversionModel> conversionModels = GetMyDataSomewhere();
     return Json(new {
         items = conversionModels
     }, JsonRequestBehaviour.AllowGet);
}