使用SignalR不会触发客户端上的回调

时间:2015-06-15 09:57:29

标签: javascript c# asp.net signalr

我目前正在快速使用SignalR,并尝试使用我对SignalR的基本理解来构建一个非常基本的消息通知系统,但我无法在之后收到消息。提交。

我已经阅读了很多关于这个主题的博客,最基本的是有一个接受字符串值的VOID方法然后通过将它附加到客户端上下文传递回来,但是,这不起作用for,因为onReceiveNotification()在JS调试器中始终未定义?

我错过了什么

notificationhub.cs

[HubName("notificationHub")]
public class NotificationHub : Hub
{

    public override System.Threading.Tasks.Task OnConnected()
    {
        return base.OnConnected();
    }

    public override System.Threading.Tasks.Task OnDisconnected(bool stopCalled)
    {
        return base.OnDisconnected(stopCalled);
    }

    public override System.Threading.Tasks.Task OnReconnected()
    {
        return base.OnReconnected();
    }

    [HubMethodName("sendNotifications")]
    public void SendNotifications(string message)
    {
        Clients.All.onRecieveNotification(string.Format("{0} {1}", message, DateTime.Now.ToString()));
    }
}

message.html页面

<div>
    <input type="text" id="messageinput" />
    <button id="notifybutton">Send Message</button>
</div>

<script src="Scripts/jquery-2.1.4.min.js"></script>
<script src="Scripts/jquery.signalR-2.2.0.min.js"></script>
<script src="signalr/hubs"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($)
    {
        var $hub = $.connection.notificationHub;
        $.connection.hub.start();

        $(document).on("click", "#notifybutton", {}, function (e)
        {
            e.preventDefault();
            var $message = $("#messageinput").val();
            $hub.server.sendNotifications($message);
        });
    });
</script>

display.html

<div>
    <ul id="messages"></ul>
</div>

<script src="Scripts/jquery-2.1.4.min.js"></script>
<script src="Scripts/jquery.signalR-2.2.0.min.js"></script>
<script src="signalr/hubs"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($)
    {
        var $hub = $.connection.notificationHub;

        $hub.onRecieveNotification = function (message)
        {
            $("#message").append($("<li></li>", { text: message }));
        }

        $.connection.hub.start();
    });
</script>

1 个答案:

答案 0 :(得分:1)

您似乎错过了client

   $hub.client.onRecieveNotification = function (message)
    {
        $("#message").append($("<li></li>", { text: message }));
    }