SignalR Hub没有连接

时间:2016-07-07 16:25:18

标签: javascript c# html signalr

我正在尝试创建SignalR应用程序,但无法连接到我的集线器。

以下是我的以下代码:

KeyValuePair<string, string>

C#Hub:

<!DOCTYPE html>
<html>
<head>
    <title>SignalR Simple Chat</title>

</head>
<body>
    <button id="display">Display</button>
    <button id="send">Send</button>
    <input id="Name" type="Text">
    <input id="Content" type="Text">
    <!--Script references. -->
    <!--Reference the jQuery library. -->
    <script src="Scripts/jquery-1.6.4.min.js"></script>
    <!--Reference the SignalR library. -->
    <script src="/Scripts/jquery.signalR-2.0.0.js"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script src="/signalr/hubs"></script>
    <!--Add script to update the page and send messages.-->
    <script type="text/javascript">


        $(function () {
            messageArr = [];

            var chat = $.connection.chatHub;
            chat.client.broadcastMessage = function (id, name, content) {
                var message = { ID: id, Name: name, Content: content };
                messageArr.push(message);
            };

            $('#display').click(function() {
                window.alert(messageArr);
            });

            $.connection.hub.start().done(function () {
                $('#send').click(function () {
                    window.alert("Sent");
                    chat.server.send(0, document.getElementById("Name").value, document.getElementById("Content"));

                });
            });
        });

    </script>
</body>
</html>

Owin Startup Class:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Microsoft.AspNet.SignalR;

namespace WebAPI
{
    public class ChatHub : Hub
    {
        public void Send(int id, String name, String content)
        {
            Clients.All.broadcastMessage(id, name, content);
        }
    }
}

当我通过Visual Studio 2013运行时,我点击发送按钮,没有警报出现,告诉我我已按下按钮。此外,当我稍后单击显示按钮时,messageArr数组仍为空。我可以改变什么来使其真正起作用?

1 个答案:

答案 0 :(得分:0)

好吧,我不知道怎么样,但我似乎修好了我的代码

<!DOCTYPE html>
<html>
<head>
<title>SignalR Simple Chat</title>

</head>
<body>
<button id="display"onclick="displayMessage()">Display</button>
<button id="send">Send</button>
<input id="Name" type="Text">
<input id="Content" type="Text">
<!--Script references. -->
<!--Reference the jQuery library. -->
<script src="Scripts/jquery-1.6.4.min.js"></script>
<!--Reference the SignalR library. -->
<script src="/Scripts/jquery.signalR-2.0.0.js"></script>
<!--Reference the autogenerated SignalR hub script. -->
<script src="/signalr/hubs"></script>
<!--Add script to update the page and send messages.-->
<script type="text/javascript">

    messageArr = [];
    $(function () {
        var chat = $.connection.chatHub;
        chat.client.broadcastMessage = function (id, name, content) {
            var message = { ID: id, Name: name, Content: content };
            messageArr.push(message);
        };


        $.connection.hub.start().done(function () {
            $('#send').click(function () {
                chat.server.send(0, document.getElementById("Name").value, document.getElementById("Content").value);

            });
        });
    });
    function displayMessage() {
        window.alert(messageArr);
    }

</script>

如果有人能向我解释这是如何解决我的问题会有所帮助的。