利用Client端的Javascript來Cancel ASP.NET AJAX 非同步更新
最近在一本書上看到如何cancel正在做非同步更新的ajax
小弟以一個範例實作分享給大家呀....
c#範例..
環境：Visual Studio 2008 + .Net Framework 3.5
CancelUpdate.aspx
01 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CancelUpdate.aspx.cs" Inherits="CancelUpdate" %>
02
03 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
04 <html xmlns="http://www.w3.org/1999/xhtml">
05 <head id="Head1" runat="server">
06 <title>CancelRefresh</title>
07 </head>
08 <body>
09 <form id="form1" runat="server">
10 <div>
11 <asp:ScriptManager ID="ScriptManager1" runat="server">
12 </asp:ScriptManager>
13 </div>
14 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
15 <ContentTemplate>
16 <asp:Button ID="Button1" runat="server" Text="Refresh" OnClick="Button1_Click" />
17 <br />
18 <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
19 </ContentTemplate>
20 <Triggers>
21 <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
22 </Triggers>
23 </asp:UpdatePanel>
24 <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
25 <ProgressTemplate>
26 Loading...<br />
27 <asp:Button ID="Button2" runat="server" Text="Cancel Refresh" OnClientClick="AbortPostBack(); return false;" />
28 </ProgressTemplate>
29 </asp:UpdateProgress>
30 </form>
31
32 <script type="text/javascript">
33
34 var prm = Sys.WebForms.PageRequestManager.getInstance();
35
36 function AbortPostBack()
37 {
38 if (prm.get_isInAsyncPostBack())
39 {
40 prm.abortPostBack();
41 }
42 }
43
44 </script>
45
46 </body>
47 </html>
48
02
03 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
04 <html xmlns="http://www.w3.org/1999/xhtml">
05 <head id="Head1" runat="server">
06 <title>CancelRefresh</title>
07 </head>
08 <body>
09 <form id="form1" runat="server">
10 <div>
11 <asp:ScriptManager ID="ScriptManager1" runat="server">
12 </asp:ScriptManager>
13 </div>
14 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
15 <ContentTemplate>
16 <asp:Button ID="Button1" runat="server" Text="Refresh" OnClick="Button1_Click" />
17 <br />
18 <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
19 </ContentTemplate>
20 <Triggers>
21 <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
22 </Triggers>
23 </asp:UpdatePanel>
24 <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
25 <ProgressTemplate>
26 Loading...<br />
27 <asp:Button ID="Button2" runat="server" Text="Cancel Refresh" OnClientClick="AbortPostBack(); return false;" />
28 </ProgressTemplate>
29 </asp:UpdateProgress>
30 </form>
31
32 <script type="text/javascript">
33
34 var prm = Sys.WebForms.PageRequestManager.getInstance();
35
36 function AbortPostBack()
37 {
38 if (prm.get_isInAsyncPostBack())
39 {
40 prm.abortPostBack();
41 }
42 }
43
44 </script>
45
46 </body>
47 </html>
48
CancelUpdate.aspx.cs
01 
using System;
02
using System.Collections;
03using System.Configuration;
04using System.Data;
05using System.Linq;
06using System.Web;
07using System.Web.Security;
08using System.Web.UI;
09using System.Web.UI.HtmlControls;
10using System.Web.UI.WebControls;
11using System.Web.UI.WebControls.WebParts;
12
using System.Xml.Linq;
13
14public partial class CancelUpdate : System.Web.UI.Page
15{
16
protected void Page_Load(object sender, EventArgs e)
17
{
18
19
}
20 protected void Button1_Click(object sender, EventArgs e)
21 {
22 //Sleep 5 Seconds
23 System.Threading.Thread.Sleep(TimeSpan.FromSeconds(5));
24
25 //show time
26 this.Label1.Text = DateTime.Now.ToLongTimeString();
27 }
28}
using System;
using 02
using System.Collections;03
using System.Configuration;04
using System.Data;05
using System.Linq;06
using System.Web;07
using System.Web.Security;08
using System.Web.UI;09
using System.Web.UI.HtmlControls;10
using System.Web.UI.WebControls;11
using System.Web.UI.WebControls.WebParts;12
using System.Xml.Linq;13
14
public partial class CancelUpdate : System.Web.UI.Page15
{16
protected void Page_Load(object sender, EventArgs e)17
{
18
19
}20
protected void Button1_Click(object sender, EventArgs e)21
{22
//Sleep 5 Seconds23
System.Threading.Thread.Sleep(TimeSpan.FromSeconds(5));24
25 //show time
26
this.Label1.Text = DateTime.Now.ToLongTimeString();27
}28
}
執行結果：
