Retrive data at real time after specific time interval by SignalR

Question

I have page which contains three panels for employee attendence, salary, production. I have to update the panels at real time by SignalR.
My hub class

public class MessagesHub : Hub
    {
        private string ConnectionString = ConfigurationManager.ConnectionStrings["database"].ToString();

        [HubMethodName("sendMessages")]
        public void SendMessages()
        {
            IHubContext context = GlobalHost.ConnectionManager.GetHubContext<MessagesHub>();
            context.Clients.All.updateMessages();
        }
    }

In Controller

public ActionResult Panels()
{
   ...code..
   return Partial("_panelData", model);
}

The partial page has the panels along with data to display.
In the main View page(Panels), at script tag

<script>
        $(function () {
            // Declare a proxy to reference the hub.
            var notifications = $.connection.messagesHub;

            //debugger;
            // Create a function that the hub can call to broadcast messages.
            notifications.client.updateMessages = function () {
                getData()

            };
            // Start the connection.
            $.connection.hub.start().done(function () {
                getData();
            }).fail(function (e) {
                alert(e);
            });
        });

        function getData() {
            $.ajax({
                url: '/PanelController/Panels',
                type: 'GET',
                dataType: 'html'
            }).success(function (result) {
                $('.panel').html(result)

            }).error(function () {
                window.console.log("failure");
            });
        }
    </script>

It works fine when the page loads. But i also want it to load the data at every 1 min time interval.
Thanks in advance

Quentin Roger · Answer 1 · 2016-05-13T08:28:44.963

1

Maybe I missunderstood but for me SignalR is useless there. Something like this should work :

 $(function() {  
   getData();
 });

 function getData() {
   $.ajax({
     url: '/PanelController/Panels',
     type: 'GET',
     dataType: 'html'
   }).success(function(result) {
     $('.panel').html(result)
     window.setTimeout(getData(), 60000)
   }).error(function() {
     window.console.log("failure");
   });

 }

If you want to keep signalr the only things to do is to add this: window.setTimeout(getData(), 60000) inside the callback of the getData function()

edited May 13 '16 at 08:28

answered May 13 '16 at 08:24

Quentin Roger

6,410
2
23
36

i want to display the data at every 1 min time – anand May 13 '16 at 08:28
You should use 60000 for the delay so ;) – Quentin Roger May 13 '16 at 08:29
is your code will call the getData() method at consective 1 min time interal – anand May 13 '16 at 08:33
Yes, as you can see in this exemple https://jsfiddle.net/nmdhgh43/1/ the function is called at page load and every 10 secs – Quentin Roger May 13 '16 at 08:35

Retrive data at real time after specific time interval by SignalR

1 Answers1