1.新建项目,选择mvc4 Wed应用程序,选择Internet,视图引擎:Razor
SignalR网页实时推送

2.在控制器中添加
SignalR网页实时推送

并添加上视图

3.引用(install-package Microsoft.AspNet.SignalR)
SignalR网页实时推送

4.添加Startup
SignalR网页实时推送

SignalR网页实时推送

项目名

5.新建Hubs文件夹,添加ChatHub类
SignalR网页实时推送

6.Chat的视图
SignalR网页实时推送

SignalR网页实时推送

代码:Chat视图
@{
ViewBag.Title = "Chat";
}

SignalR

@section scripts { @**@
<script>
    $(function () {
        // 1.ChatHub.cs类
        var chat = $.connection.chatHub;

// 2.Chat里的[HubName("asd")](1和2一样)
//var chat = $.connection.asd;
// 调用addNewMessageToPage显示信息
chat.client.addNewMessageToPage = function (name, message) {
// 把消息添加到页面
//$('#discussion').append('

  • ' + htmlEncode(name)
    // + '
    : ' + htmlEncode(message) + '
  • ');
    $('#discussion').append('
  • ' + $('
    ').text(name).html()
    + '
    : ' + $('
    ').text(message).html() + '
  • ');
    };
    // 获取昵称
    $('#displayname').val(prompt('昵称:', ''));
    // 输入框焦点
    $('#message').focus();
    // 启动链接
    $.connection.hub.start().done(function () {
    $('#sendmessage').click(function () {
    // 调用Send方法
    chat.server.send($('#displayname').val(), $('#message').val());
    // 清空输入框,并加上焦点
    $('#message').val('').focus();
    });
    });
    });
    //
    //function htmlEncode(value) {
    // var encodedValue = $('
    ').text(value).html();
    // return encodedValue;
    //}

    }

    相关文章:

    • 2022-12-23
    • 2021-05-15
    • 2021-10-05
    • 2021-10-02
    • 2021-12-05
    • 2021-05-06
    猜你喜欢
    • 2021-10-12
    • 2022-02-06
    • 2021-11-27
    • 2021-10-13
    • 2018-04-04
    • 2021-12-18
    • 2021-08-30
    相关资源
    相似解决方案