zoukankan      html  css  js  c++  java
  • SignalR网页实时推送

    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;
      //}

      }

    查看全文
  • 相关阅读:
    怎样启用或关闭Windows的Telnet功能
    打开SQL Server 配置管理器时出现了问题 ,无法连接到WMI提供程序,您没有权限或者该服务器无法访问
    服务器迁移注意什么?
    测试技能进阶图谱
    Mac
    Maven
    .net发送邮箱
    MongoDB 未添加索引 当数据量较大时 分页查询报错问题解决
    代码保存
    这技术网站不错
  • 原文地址:https://www.cnblogs.com/yanbigfeg/p/7940307.html
  • Copyright © 2011-2022 走看看