分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

SignalR网页实时推送

发布时间:2023-09-06 01:28责任编辑:傅花花关键词:暂无标签

1.新建项目,选择mvc4 Wed应用程序,选择Internet,视图引擎:Razor

2.在控制器中添加

并添加上视图

3.引用(install-package Microsoft.AspNet.SignalR)

4.添加Startup

项目名

5.新建Hubs文件夹,添加ChatHub类

6.Chat的视图

代码: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;
    //}

    }

    SignalR网页实时推送

    原文地址:http://www.cnblogs.com/yanbigfeg/p/7940307.html

    知识推荐

    我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
    icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved