我有一个执行缓慢任务的服务,当任务完成后,我想使用AJAX更新客户端并显示任务结果。在我的客户端程序中,我多次调用该任务以更新结果网格。为了更好地理解,这是一个连接测试器,它会遍历一组连接并检查其是否活动。
我已将该服务实现为WCF,并在Web客户端中添加服务引用时生成异步方法。
代码可以正常工作,但是当回调函数被触发时,屏幕会短暂锁定 - 我认为这是因为所有回调函数都依次发生,并且它们都迅速重新绘制GridView。 我不想出现这种故障 - 我希望AJAX实现能够通过回调函数从服务返回结果并部分地更新GridView。
唯一能让界面看起来好看的方法是启动异步调用的线程并使用计时器将数据更新到网格中(这些数据正在通过回调函数在单独的线程中进行更新)。
我正在做这个小项目作为学习练习,然后我打算使用MVC3进行相同的操作以了解差异。
代码片段(没有单独的线程,导致呈现回调函数时屏幕响应变慢):
这个问题是 - 在asp.net/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是我自己缺乏经验所苦恼的部分,因此将授予此内容的奖励。
UpdatePanel
吗?这里关键的信息可能与ASP.NET相关。 - jwheron