ASP.NET server does not process pages asynchronously

Question

I have a page with a button, and I want to load two data grids with data asynchronously by clicking the button.

This is the page code, I use jquery to make calls to the other 2 pages, which will give me html.

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Solutions_CashCenter_StockManagement_Test_Test" %> <asp:Content ID="Content2" ContentPlaceHolderID="cphCenter" Runat="Server"> <style type="text/css"> #wait { position:absolute; top:0px; right:10px; width:200px; z-index:1000; vertical-align:middle; text-align:center; background: #febf00; display:none; } </style> <script src='<%= ResolveUrl("../../../../Scripts/jquery-1.4.1.js") %>' type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#wait') .ajaxStart(function () { $(this).show(); }) .ajaxStop(function () { $(this).hide(); }); $('input:button').live('click', loadData); }); function loadData() { $.get("Source.aspx", {}, function (data) { $('#a1').html(data); }, "html"); alert('This alert is asynchronous (1st)'); $.get("Source2.aspx", {}, function (data) { $('#a2').html(data); }, "html"); alert('This alert is asynchronous (2nd)'); } </script> <div id="test13"> <input type="button" id="btnLoad" value="Load" /> </div> <div id="a1"></div> <div id="a2"></div> <div id="wait">Please wait <img src="ajax-loading.gif" /></div> </asp:Content> 

Then I have 2 aspx pages, Source1.aspx and Source2.aspx. They contain only gridDataView and small code in the OnLoad event.

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Source.aspx.cs" Inherits="Solutions_CashCenter_StockManagement_Test_Source" %> <form runat="server"> <cc1:GridDataView runat="server" ID="gridTest" > </cc1:GridDataView> <asp:SqlDataSource ID="dsTest" runat="server" ConnectionString="<%$ ConnectionStrings:WebPortalConnectionString %>" ProviderName="<%$ ConnectionStrings:WebPortalConnectionString.ProviderName %>"> </asp:SqlDataSource> </form> 

server side:

 Thread.Sleep(5000); dsTest.SelectCommand = "SELECT 'test1', 'test2', 'test3'"; this.gridTest.DataSourceID = "dsTest"; this.gridTest.DataBind(); 

And the same for the second page, but with different data for the grid.

What I have as a result is that both warnings occur immediately, but the grids are loaded one after the other, that is, the 1st grid appears after 5 seconds, and then the second appears after 5 seconds. That is, the server does not actually process them at the same time.

What am I doing wrong and how do I organize everything to work as I need?

Answer 1

This is because the session is blocking the reading of the page.
Therefore, when one page loads, the session blocks all other requests until it ends and sends the page.

To make it work, you need ether to disconnect the session on these pages, an ether usage handler that does not have a default lock.

Relative questions:

Trying to make an asynchronous Web method
The web application is blocked while processing another web application while sharing the same session
What perfmon counters are useful for spotting ASP.NET bottlenecks?
Complete ASP.Net Session