我有一个执行缓慢任务的服务，当它完成后，我想使用 AJAX 更新客户端的任务结果。在我的客户中，我多次调用该任务来更新结果网格。出于理解的目的，它是一个连接测试器，它遍历连接列表以查看它们是否处于活动状态。
我已将服务实现为 WCF。当我将服务引用添加到我的 Web 客户端时，我会生成异步方法。
代码工作正常，但是当回调触发时屏幕会暂时锁定 - 我认为这是因为它们都一个接一个地发生，并且它们都快速连续地重新绘制 GridView。我不希望发生这种故障 - 我希望 AJAX 实现能够部分更新 GridView，因为结果通过回调从服务返回。
我可以使它看起来不错的唯一方法是在单独的客户端线程中启动异步调用，然后使用计时器将数据重新绘制到网格（通过回调在单独的线程中更新的相同数据）。
我正在做这个迷你项目作为学习练习，然后我的目标是对 MVC3 做同样的事情以了解差异。
代码片段（没有单独的线程，导致回调期间屏幕渲染速度变慢）：
//get list of connections from session
ConnectionList myConns = Session[SESSION_ID] as ConnectionList;
//pass into async service call
GetAllStatusAsync(myConns);
protected void GetAllStatusAsync(ConnectionList myConns)
{
Service1Client myClient = new WcfConnectionServiceRef.Service1Client();
myClient.AsyncWorkCompleted += new EventHandler<AsyncWorkCompletedEventArgs>(myClient_AsyncWorkCompleted);
foreach (ConnectionDetail conn in myConns.ConnectionDetail)
{
//this call isnt blocking, conn wont be updated until later in the callback
myClient.AsyncWorkAsync(conn);
}
}
//callback method from async task
void myClient_AsyncWorkCompleted(object sender, AsyncWorkCompletedEventArgs e)
{
ConnectionDetail connResult = e.Result;
//get list of connections from session
ConnectionList myConns = Session[SESSION_ID] as ConnectionList;
//update our local store
UpdateConnectionStore(connResult, myConns);
//rebind grid
BindConnectionDetailsToGrid(myConns);
}
问题是 - 这可以在 asp.net / AJAX 中以更好的方式完成吗？（为了避免渲染锁定问题并在结果出现时让网格部分更新）我真的不想使用单独的客户端线程，例如以下代码段：
// Perform processing of files async in another thread so rendering is not slowed down
// this is a fire and forget approach so i will never get results back unless i poll for them in timer from the main thread
ThreadPool.QueueUserWorkItem(delegate
{
//get list of connections from session
ConnectionList myConns = Session[SESSION_ID] as ConnectionList;
//pass into async service call
GetAllStatusAsync(myConns);
});
更新：
根据要求添加页面标记：
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ASForm.aspx.cs" Inherits="Web_Asp_FBMonitor.ASForm" Async="true" EnableSessionState="True" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>
ASP.NET Connection Test (Client in ASYNC, Server in ASYNC)
</h2>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<p>
<%--This update panel shows the time, updated every second--%>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<h3> <asp:Label ID="LabelTime" runat="server" Text=""></asp:Label> </h3>
<asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick"> </asp:Timer>
</ContentTemplate>
</asp:UpdatePanel>
</p>
<p>
<%--This update panel shows our results grid--%>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx">Client Sync Page</asp:HyperLink>
<br />
<asp:Button ID="ButtonUpdate" runat="server" Text="Update"
onclick="ButtonUpdate_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</p>
</asp:Content>
更新 2：
我正在寻找一个简洁的客户端JS示例。收到的选项很好，受到了极大的赞赏，但客户端 JS 是我因缺乏经验而苦苦挣扎的那个，并将为此提供赏金。