0

基本上我要跟踪正在循环的函数的进度。该函数由 Ajax 调用。

例如，我有一个更新面板：

<form runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="True" UpdateMode="Always">

<ContentTemplate> 

<div>
<asp:Label ID="testing" runat="server"></asp:Label>
</div>          

</ContentTemplate> 
<Triggers>

<asp:AsyncPostBackTrigger ControlID="myButton" EventName="Click"/>
</Triggers>
</asp:UpdatePanel>

<div style="display:none;">
<asp:Button ID="myButton" Text="SomeFunction" OnClick="myFunc" runat="server">
/asp:Button>
</div>

...
</form>

假设我在后面的代码中的功能是：

Protected Sub myFunc

  Dim i As Integer

    For = 0 to 1000

      'Some other function here consumes time

      testing.text = i.ToString

    Next

End Sub

了解 Response.write 不与 ajax 混合，所以我想使用标签对象更新文本并跟踪函数循环的进度。

但是，似乎在 ajax 调用完全完成之前文本不会更新，它只会更改为循环的最后一个数字。

我的问题是，有什么方法可以让文本对象在循环功能仍在服务器端运行时实时变化？

谢谢！

4

2 回答 2

0

为了其他访问者，我将从另一个页面复制我的答案：

你不能用 .net 更新面板来做到这一点，至少我不相信这很容易。虽然你可以用 2 个单独的 AJAX 调用来做到这一点..

此示例使用 JQuery 进行 AJAX，代码隐藏在 vb.net 中。

本质上，您需要做的是进行第一次调用以开始漫长的过程，然后反复进行第二次调用，使用第二种方法来获取长期的状态。

AJAX

这是您对漫长过程的主要要求。如果需要，您需要将数据传递给该方法。注意有一个processName。这应该是一个随机字符串，以确保您仅获得此进程的状态。其他用户将有不同的随机 processName，因此您不会混淆状态。

    var processName = function GenerateProcessName() {

        var str = "";
        var alhpabet = "abcdefghijklmnopqrstuvwxyz";
        for (i = 1; i < 20; i++) {
            str += alhpabet.charAt(Math.floor(Math.random() * alhpabet.length + 1));
        }
        return str;
    }


    function StartMainProcess(){
    $j.ajax({
            type: "POST",
            url: "/MyWebservice.asmx/MyMainWorker",
            data: "{'processName' : '" + processName + "','someOtherData':'fooBar'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                if (msg.d) {                        
                    // do a final timerPoll - process checker will clear everything else
                    TimerPoll();
                }
            }
        });
        TimerPoll();
     }

您的第二次 AJAX 调用将使用另一种方法来获取进度。这将通过计时器方法每 XXX 次调用一次。

这是 TimerPoll 函数；在这种情况下，它将每 3 秒触发一次

function TimerPoll() {
        timer = setTimeout("GetProgress()", 3000)
    }

最后，GetProgress() 函数用于获取进度。我们必须传入上面使用的相同 processName，才能获取此用户调用的进程

function GetProgress() {
        // make the ajax call
        $j.ajax({
            type: "POST",
            url: "/MyWebService.asmx/MyMainWorkerProgress",
            data: "{'processName' : '" + processName + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {

                // Evaulate result..
                var process = msg.d

                if (process.processComplete) {
                    // destroy the timer to stop polling for progress
                    clearTimeout(timer);

            // Do your final message to the user here.                      

                } else {

                   // show the messages you have to the user.
                   // these will be in msg.d.messages

                    // poll timer for another trip
                    TimerPoll();
                }
        });

    }

现在，在后端，您将拥有几个与 AJAX 通信的 Web 方法。您还需要一个共享/静态对象来保存所有进度信息，以及您想要传回给用户的任何内容。

在我的例子中，我创建了一个类，它的属性填充并在每次调用 MyMainWorkerProcess 时传回。这看起来有点像这样。

    Public Class ProcessData
        Public Property processComplete As Boolean
        Public Property messages As List(Of String) = New List(Of String)
    End Class

我也有一个使用这个类的共享属性，它看起来像......（这个共享属性能够保存多个用户的多个进程进度 - 因此是字典。字典的键将是进程名称。所有进度数据将属于 ProcessData 类

Private Shared processProgress As Dictionary(Of String, ProcessData) = New Dictionary(Of String, ProcessData)

我的主要工作函数看起来有点像这样。请注意，我们首先确保没有另一个 processProgress 具有相同的

<WebMethod()> _
<ScriptMethod(ResponseFormat:=ResponseFormat.Json)> _
Public Function MyMainWorker(ByVal processName as string, ByVal SomeOtherData as string) as Boolean

        '' Create progress object - GUI outputs process to user
        '' If the same process name already exists - destroy it
        If (FileMaker.processProgress.ContainsKey(processName)) Then
            FileMaker.processProgress.Remove(processName)
        End If

        '' now create a new process
        dim processD as ProcessData = new ProcessData() with {.processComplete = false}


        '' Start doing your long process.

        '' While it's running and after whatever steps you choose you can add messages into the processData which will be output to the user when they call for the updates
         processD.messages.Add("I just started the process")

         processD.messages.Add("I just did step 1 of 20")

         processD.messages.Add("I just did step 2 of 20 etc etc")

         '' Once done, return true so that the AJAX call to this method knows we're done..
        return true

End Function

现在剩下的就是调用 progress 方法了。所有这一切都要做的是返回字典 processData 与我们之前设置的 processName 相同。

<WebMethod()> _
    <ScriptMethod(ResponseFormat:=ResponseFormat.Json)> _
    Public Function MyMainWorkerProgress(ByVal processName As String) As ProcessData

        Dim serializer As New JavaScriptSerializer()

        If (FileMaker.processProgress.ContainsKey(processName)) Then
            Return processProgress.Item(processName)
        Else
            Return New ProcessData()
        End If

    End Function

瞧..

所以回顾一下..

  1. 创建 2 个 Web 方法 - 一个用于执行漫长的过程，一个用于返回它的进度
  2. 对这些 Web 方法创建 2 个单独的调用。第一个是给主要工作人员，第二个是重复 xx 秒，给一个将提供进度的工作人员
  3. 以您认为合适的方式将您的消息输出给用户...

免责声明......我之前没有在这里提供这么长时间的答案......它可能不符合人们习惯看到的格式。抱歉，如果这一切看起来有点混乱 :) 我已经从正在运行的项目中复制了大部分代码，所以它应该可以工作.. 如果有一些错别字，请不要开枪 :)

于 2012-11-09T15:02:26.270 回答
0

对的，这是可能的。但这不是一个简单的解决方案。Dino Esposito 有很多关于这个主题的好文章：

使用 ASP.NET AJAX 取消服务器任务 - http://msdn.microsoft.com/en-us/magazine/cc163380.aspx 使用 SignalR 构建进度条 - http://msdn.microsoft.com/en-us/magazine /hh852586.aspx

至于我，我使用了我的一个项目的第一篇文章中描述的方法。

于 2012-11-08T20:52:15.673 回答