C#-SignalR实时通知未在客户端上保留

提问

我正在尝试实现一项功能,用户可以上传文件,服务器处理文件并向客户端显示有关处理状态的实时通知,例如经过验证,导入等.在某些示例中,客户端将数据从文本框发送到javascript代理.

 $("#btnTest").click(function () {
                myHub.testMethodOnHub($("#txtEmail").val());
            });

我需要通过signalR将二进制数据发送到服务器,以便服务器可以处理该数据并使用SignalR通知客户端.

编辑:-我能够从aspx.cs调用JS方法来设置状态客户端-实时.但是,该消息在页面加载完成后消失.

我试过的:-

ASPX:-

<%@ Page Title="Home Page" Language="C#" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="MultipleStepsUsingSignalR._Default" %>

<script src="Scripts/jquery-1.6.4.js" type="text/javascript"></script>
<script src="Scripts/json2.js" type="text/javascript"></script>
<script src="Scripts/jquery.signalR-0.5.2.js" type="text/javascript"></script>
<script src="signalr/hubs" type="text/javascript"></script>
<body>

    <form id="Form1" runat="server">
    <p>
        <asp:FileUpload ID="fileUpload" runat="server" />
        <asp:Button ID="btnProcessFile" runat="server" Text="Process File" 
            onclick="btnProcessFile_Click" />
        <asp:HiddenField ID="hdnConnectionId" runat="server"/>
        <%--<asp:Label Text="" ID="lblStatus" runat="server" />--%>
        <span id="lblStatus"></span>
    </p>

  </form>
    <script type="text/javascript">
        $(document).ready(function () {
            var multipleStepsHub = $.connection.multipleStepsHub;

            multipleStepsHub.MethodInJavascript = function (status) {
                $('#lblStatus').append(status);
            };

            $.connection.hub.start().done(function () {
                $('#<%= hdnConnectionId.ClientID %>').val($.connection.hub.id);
                alert($('#lblStatus').text());
            });
        });
    </script>
  </body>

[HubName("multipleStepsHub")]
    public class MultipleStepsHub : Hub
    {
        public void ExecuteMultipleSteps(string status)
        { 

        }
    }

aspx的代码隐藏

   protected void btnProcessFile_Click(object sender, EventArgs e)
        {
            string connectionId = hdnConnectionId.Value;
            var context = GlobalHost.ConnectionManager.GetHubContext<MultipleStepsHub>();

            byte[] dataFromPostedFile = GetDataFromUploadedFile(fileUpload.PostedFile.InputStream);
            context.Clients[connectionId].MethodInJavascript("<br>File updloaded.");
            Thread.Sleep(5000);
            context.Clients[connectionId].MethodInJavascript("<br>Processing step1");
            Thread.Sleep(5000);
            context.Clients[connectionId].MethodInJavascript("<br>Processing step2");
            Thread.Sleep(5000);
            context.Clients[connectionId].MethodInJavascript("<br>Processing step3");

        }

我期望什么:-
状态文本更改为“处理步骤1”,然后变为“处理步骤2”,然后变为“处理步骤3”

结果是什么 :-

a)状态会定期更改(在Thread.Sleep之后),但是,当页面完成时,状态会消失.如下所示,“处理步骤1”和“处理步骤2”确实出现,但后来消失了.

最佳答案

您的JavaScript方法有误:

multipleStepsHub.MethodInJavascript = function (status) {
            ("#lblStatus").val(status);
};

应该

multipleStepsHub.MethodInJavascript = function (status) {
            $('#<%= lblStatus.ClientID %>').text(status);
};

请注意0​​7000.

编辑:如果您不希望在上传完成后重新加载页面,那么,您需要异步上传文件.在HTML5中为it’s pretty easy to achieve.有关如何执行此操作的另一个示例,请参见this question.

评论