У меня есть служба, которая выполняет медленную задачу, когда она завершается, я хочу обновить клиента с помощью AJAX с результатом задачи.В моем клиенте я вызываю задачу много раз, чтобы обновить таблицу результатов.В целях понимания, это тестер соединений, который просматривает список соединений, чтобы увидеть, живы ли они.
Я реализовал сервис как WCF.Я генерирую асинхронные методы, когда добавляю ссылку на службу в мой веб-клиент.
Код работает нормально, однако экран на мгновение блокируется при срабатывании обратных вызовов - я думаю, это потому, что все они происходят один за другим, и все они перекрашивают 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 на стороне клиента - это тот, с которым я сталкиваюсь из-за своей собственной неопытности и буду награждать за это вознаграждением.