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

22798

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

Access Europe meeting on Wed 2 August - An Access Developer Guide to creating applications in Blazor

by: isladogs | last post by:

The next Access Europe meeting will be on Wednesday 2 August 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...

Microsoft Access / VBA

How to Use CodiumAI's pr-agent?

by: erikbower65 | last post by:

Using CodiumAI's pr-agent is simple and powerful. Follow these steps: 1. Install CodiumAI CLI: Ensure Node.js is installed, then run 'npm install -g codiumai' in the terminal. 2. Connect to...

General

Speedup your spring application

by: linyimin | last post by:

Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...

General

Development of Funny H5 Game - Toy Claw

by: kcodez | last post by:

As a H5 game development enthusiast, I recently wrote a very interesting little game - Toy Claw ((http://claw.kjeek.com/))。Here I will summarize and share the development experience here, and hope it...

HTML / CSS

How to insert a new record in a database

by: Taofi | last post by:

I try to insert a new record but the error message says the number of query names and destination fields are not the same This are my field names ID, Budgeted, Actual, Status and Differences ...

DB2 Database

Cancel Print Action if Sub form has No Records

by: DJRhino1175 | last post by:

When I run this code I get an error, its Run-time error# 424 Object required...This is my first attempt at doing something like this. I test the entire code and it worked until I added this - If...

Microsoft Access / VBA

Python code for finding the longest common subsequence

by: Rina0 | last post by:

I am looking for a Python code to find the longest common subsequence of two strings. I found this blog post that describes the length of longest common subsequence problem and provides a solution in...

Python

How to calculate date of retirement from date of birth

by: Mushico | last post by:

How to calculate date of retirement from date of birth

Data Management

Windows 11 and Access Combo Box Issue

by: DJRhino | last post by:

Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...

Microsoft Access / VBA

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

Similar topics