How To Use AJAX To Detect If An Asynchronous Request Is Being Processed

85 64KB

In this article, you will learn how to use AJAX to detect if an Asynchronous request is still being processed when another is called. By doing this, we can notify the user, and allow the first request to complete before starting another.
To demonstrate this, we will create two UpdatePanels, each displaying the current date and time, and with a button. Each button will update its own UpdatePanel when clicked. However, when the first button is clicked, we will purposely make the process take 3 seconds to complete, giving us enough time to click the second button to test. Upon clicking the second button while the first is still processing, we should be notified that a process is still active and not allow the second process to initiate.

Let's start by adding the ScriptManager and the two UpdatePanels:

Expand|Select|Wrap|Line Numbers

 
<form id="form1" runat="server">

<asp:ScriptManager ID="SM1" runat="server" />
 
<asp:UpdatePanel ID="UP1" runat="server" UpdateMode="Conditional">

<ContentTemplate>
 
</ContentTemplate>

</asp:UpdatePanel>
 
<br /><br />

<asp:UpdatePanel ID="U2" runat="server" UpdateMode="Conditional">

<ContentTemplate>
 
</ContentTemplate>

</asp:UpdatePanel>

<br /><br />

</form>

Notice we set the UpdateMode on both Panels to Conditional. This is because we do not want them both updating at the same time - each button should update their own UpdatePanel only.
Let's go ahead and add the buttons and the current time to the UpdatePanels:

Expand|Select|Wrap|Line Numbers

 
<asp:UpdatePanel ID="UP1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<%= DateTime.Now.ToString() %>

<br />

<asp:Button ID="btn_GetTime1" runat="server" Text="Get Time (1)" OnClick="btn_GetTime1_Click" />

</ContentTemplate>

</asp:UpdatePanel>

<br /><br /> <asp:UpdatePanel ID="U2" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<%= DateTime.Now.ToString() %>

<br />

<asp:Button ID="btn_GetTime2" runat="server" Text="Get Time (2)" />

</ContentTemplate>

</asp:UpdatePanel>

now in the code behind , in the click event of first button, we will deliberately make the thread sleep for 3 seconds. like this

Expand|Select|Wrap|Line Numbers

 
using System.Threading;
 
..
 
protected void btn_GetTime1_Click(object sender, EventArgs e)

{

Thread.Sleep(3000);

}

To make the request more visual, let's add an UpdateProgress into the mix as well. This will show us when a request is in progress:

Expand|Select|Wrap|Line Numbers

 
<asp:UpdateProgress ID="UPr1" runat="server" AssociatedUpdatePanelID="UP1">

<ProgressTemplate>

<br /><br />

Please wait..

</ProgressTemplate>

</asp:UpdateProgress>

We will also include some JavaScript to check if an Async PostBack is currently in progress. To do this, add the following script:

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript">

var instance = Sys.WebForms.PageRequestManager.getInstance();

instance.add_initializeRequest(instance_initializeRequest);
 
function instance_initializeRequest(sender, args) {

if (instance.get_isInAsyncPostBack()) {

alert('Still processing request. Please wait..');

args.set_cancel(true);

}

}

</script>

The ASPX page will look something like this:

Expand|Select|Wrap|Line Numbers

 
<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="SM1" runat="server" />
 
<asp:UpdatePanel ID="UP1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<%= DateTime.Now.ToString() %>

<br />

<asp:Button ID="btn_GetTime1" runat="server" Text="Get Time (1)" OnClick="btn_GetTime1_Click" />

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdateProgress ID="UPr1" runat="server" AssociatedUpdatePanelID="UP1">

<ProgressTemplate>

<br /><br />

Please wait..

</ProgressTemplate>

</asp:UpdateProgress>

<br /><br />

<asp:UpdatePanel ID="U2" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<%= DateTime.Now.ToString() %>

<br />

<asp:Button ID="btn_GetTime2" runat="server" Text="Get Time (2)" />

</ContentTemplate>

</asp:UpdatePanel>

<br /><br />

</form>

</body>

</html>

<script type="text/javascript">

var instance = Sys.WebForms.PageRequestManager.getInstance();

instance.add_initializeRequest(instance_initializeRequest);
 
function instance_initializeRequest(sender, args) {

if (instance.get_isInAsyncPostBack()) {

alert('Still processing request. Please wait..');

args.set_cancel(true);

}

}

</script>

Aug 1 '12 #1

Subscribe Post Reply

22897

by: Lars | last post by:

I am trying to post a pretty long string (9300 bytes) in a hidden field and i get this very strange error message: Request object, ASP 0107 (0x800A01B8) The data being processed is over the...

ASP / Active Server Pages

OLAP cube ERROR: "the data being processed is over the allowed limit" and tips on increasing speed

by: mrwoopey | last post by:

Hi, My OLAP data cube is giving me the following error when I am manipulating OLAP data cube views: "the data being processed is over the allowed limit" I know that this message is caused by...

ASP / Active Server Pages

entering html and php into a db and display this in a textarea without it being processed as code

by: monomaniac21 | last post by:

hi all! how can i enter html and php into a db and display this within a TEXTAREA without it being processed as code? do i need to replace characters like <? with something else like say <..? or...

PHP

How do I know if an exception is being processed?

by: Alan Johnson | last post by:

FAQ 17.3 says: "never throw an exception from a destructor while processing another exception" What mechanism is available for me to know if an exception is being processed? I imagine this...

C / C++

Client request is processed twice

by: Olivier Matrot | last post by:

Hello, I have a problem with an ASP.NET 2.0 Application. A client request is processed in parrallel by two threads. This ends with the following exception : <Source>System</Source> <StackTrace...

ASP.NET

Problem : Client request is processed simultaneously by two threads !

by: Olivier Matrot | last post by:

I have a problem with an ASP.NET 2.0 Application. A client request is processed in parrallel by two threads. After further analysis, it appears that : - There is 2 disctinct session for the...

ASP.NET

only 1 line being processed?

by: Geoff Cox | last post by:

Hello I have a file called fs-test.txt which has in it 7/7/2008 9/7/2008 and a pl file use warnings;

Perl

Ajax.NET asynchronous call waits for first process to finish before executing second

by: Frinavale | last post by:

I have a peculiar problem... Background: I have a function that I don't want the user to execute more than once while they are waiting for it to process; therefore, I disable all of the...

.NET Framework

Very Strange Problem - PHP is being processed, but all pages throw a Error 324.

by: Markus | last post by:

I've changed between XAMPP and EasyPHP, and the error occurs on both. I know the PHP is being processed because if I do something like a header() redirect, it'll redirect to the page, but then...

Apache Web Server

IE: onbeforeunload event firing during asynchronous request

by: Frinavale | last post by:

I don't have a clue how to work around this problem and I'm open to any suggestions on the topic.... In Internet Explorer it appears that the onbeforeunload event is fireing despite the fact that...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

How To Use AJAX To Detect If An Asynchronous Request Is Being Processed

Similar topics