非同期ポストバック中のキャンセルとその後のポストバックについて
質問
すべての返信
-
> 「Button１クリック後にキャンセルし、その後、Button2 をクリック」した場合には、
> すぐにＷｅｂサーバー側にリクエストが届きません。普通に作ればそういうことはないはずです。
Button1 クリックで非同期ポストバックがかかると、サーバー側では PreRender イベントの前あたりまでは同期ポストバックと全く同じ動きをし、UpdatePanel の中身のみの応答を返します。
ブラウザのスクリプトで abortPostBack() を実行しても、サーバー側での実行が中断されるわけではなく、応答は帰ってきます。ブラウザ側でその応答が処理されないだけです。
Button1 クリックで非同期ポストバックをかけ、応答が返ってくる前に abortPostBack() を実行し、Button2 クリックで同期ポストバックをかけた場合、サーバーでは両方の要求を受け付けて処理し、応答を返します。
ブラウザは、非同期ポストバックの応答は処置せず、同期ポストバックの応答のみ処置します。以下の画像は Fiddler で要求・応答をキャプチャしたものですが、その通りになっているのが分かりますか？
なお、Button1 クリックで非同期ポストバックをかけ、応答が返ってくる前に Button2 クリックで同期ポストバックをかけた場合も同じ動きになります。
質問者さんのコードでそのようにならないのは、想像ですが、Thread.Sleep(1000000); とか AsyncPostBackTimeout="0"> など、普通でないところで変な動きをしているような気がします。（気がするだけで実際に動かして検証したわけではありませんが）
ご参考に、上に書いた、Fiddler で要求・応答をキャプチャしたときに使った検証用のコードをアップしておきます。
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> protected void Button_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(5000); } protected void Button2_Click(object sender, EventArgs e) { } </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript"> //<![CDATA[ var manager; function pageLoad(sender, args) { if (args.get_isPartialLoad() === false) { manager = Sys.WebForms.PageRequestManager.getInstance(); manager.add_initializeRequest(OnInitializeRequest); manager.add_endRequest(OnEndRequest); } } function OnInitializeRequest(sender, args) { $get("<%=UpdatePanel1.ClientID%>").style.display = "none"; } function OnEndRequest(sender, args) { $get("<%=UpdatePanel1.ClientID%>").style.display = "block"; } function AbortPostBack() { if (manager.get_isInAsyncPostBack()) { manager.abortPostBack(); } } //]]> </script> <style type="text/css"> #UpdatePanel1 { width: 200px; height: 200px; border: gray 2px solid; ; float: left; margin-left: 10px; margin-top: 10px; } #UpdateProgress1 { width: 400px; background-color: #FFC080; border: gray 1px solid; /*bottom: 0%; left: 0px; ;*/ } </style> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <asp:Button ID="Button1" runat="server" Text="非同期" OnClick="Button_Click" /> <asp:Button ID="Button2" runat="server" Text="同期" OnClick="Button2_Click" /> <br /> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> UpdatePanel <hr /> <%=DateTime.Now.ToString() %> <br /> <br /><br /> ［非同期］ボタンをクリックすると、 5 秒後にこのパネル内が更新されます。 その間 UpdateProgress が表示されます。 </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click"></asp:AsyncPostBackTrigger> </Triggers> </asp:UpdatePanel> <asp:UpdateProgress ID="UpdateProgress1" runat="server"> <ProgressTemplate> 非同期ポストバックで更新中です・・・ <input type="button" value="Cancel" onclick="AbortPostBack()" /> </ProgressTemplate> </asp:UpdateProgress> </form> </body> </html>
