public class ChatHub : Hub
 {
  /// <summary>
  /// 供客戶端調(diào)用的服務(wù)器端代碼
  /// </summary>
  /// <param name="message"></param>
  public void Send(string message)
  {
   var name = Guid.NewGuid().ToString().ToUpper();
   // 調(diào)用所有客戶端的sendMessage方法
   Clients.All.sendMessage(name, message);
  }

  /// <summary>
  /// 客戶端連接的時(shí)候調(diào)用
  /// </summary>
  /// <returns></returns>
  public override Task OnConnected()
  {
   Trace.WriteLine("客戶端連接成功");
   return base.OnConnected();
  }
 }

@{
 ViewBag.Title = "聊天窗口";
}

<h2>Chat</h2>

<div class="container">
 <input type="text" id="message" />
 <input type="button" id="sendmessage" value="Send" />
 <input type="hidden" id="displayname" />
 <ul id="discussion"></ul>
</div>

@section scripts
{
 <!--引用SignalR庫(kù). -->
 <script src="~/Scripts/jquery.signalR-2.2.2.min.js"></script>
 <!--引用自動(dòng)生成的SignalR 集線器(Hub)腳本.在運(yùn)行的時(shí)候在瀏覽器的Source下可看到 -->
 <script src="~/signalr/hubs"></script>

 <script>
  $(function () {
   // 1、引用自動(dòng)生成的集線器代理 必須用小寫字母開頭
   var chat = $.connection.chatHub;

   // 2、開始連接服務(wù)器 done函數(shù)表明建立連接成功后為發(fā)送按鈕注冊(cè)了一個(gè)click事件
   $.connection.hub.start().done(function () {
    $('#sendmessage').click(function () {
     // 調(diào)用服務(wù)器端集線器的Send方法 也要小寫開頭
     chat.server.send($('#message').val());
     // 清空輸入框信息并獲取焦點(diǎn)
     $('#message').val('').focus();
    });
   });

   // 3、定義服務(wù)器端調(diào)用的客戶端sendMessage來顯示新消息
   chat.client.sendMessage = function (name, message) {
    // 向頁面添加消息
    $('#discussion').append('<li><strong>' + htmlEncode(name)
     + '</strong>: ' + htmlEncode(message) + '</li>');
   };

   // 設(shè)置焦點(diǎn)到輸入框
   $('#message').focus();
  });

  // 為顯示的消息進(jìn)行Html編碼
  function htmlEncode(value) {
   var encodedValue = $('<div />').text(value).html();
   return encodedValue;
  }
 </script>
}