The problem:
There are situations where we would like to detect if the postback is from a form interaction (i.e. submit or button clicks) or if it is by hitting the browser F5 refresh button.
Many of you will jump saying how about checking
Ispostback value. IsPostback will always have the value which was set previously. So for instance, if the page was posted back before refresh, then the value will be true and if the page is not posted back before refresh, then the value will be false.This article will first explain the fundamentals of how to solve the above problem and later this article will go in depth of how the source code looks like.
Step 1: We have created a JavaScript which will generate unique fresh GUID in submit.
Step 2 (User presses submit click): If user presses submit button, it will call the necessary JavaScript function to create the new fresh GUID again.
Step 3: In
HttpHandler or HttpModule, the new GUID value is checked with the old GUID value. If the values are not equal, then it means this was not called from a submit click and it’s a refresh event. Accordingly the HttpContext session value is set.Step 4: In the page load, we can then check if this was a refresh or postback using the session variables.
JavaScript Code
So first let's start with the JavaScript code. ThegenereateRandomSequence function generates a unique GUID by using math functions like random and floor.The
onPostBack function calls generateRandomSequence function to generate GUID and attach the same to a hidden field with name hdnGuid.This hidden field is generated on the fly in the
HttpHandler module which will be explained shortly. Below is the code snippet for the same:function onPostBack()
{var y=generateRandomSequence();
var hdnGuid=document.getElementById("hdnGuid");
hdnGuid.value=y;
}
function generateRandomSequence()
{ var g = "";
for(var i = 0; i < 32; i++)
g += Math.floor(Math.random() * 0xF).toString(0xF) return g;
}
The above JavaScript function is referred in a JS file and called on the button submit click as shown in the below HTML code snippet
<title>Untitled Page</title><script type="text/javascript" language="javascript" src="Client-Side_Validn.js"></script></script></head><body><form id="form1" runat="server" onsubmit="onPostBack()"><asp:Button ID="Button1" runat="server" Text="Button" /></form></body></html>
HttpModule Code
The next important code is theHttpModule code. As a first step, let’s create a simple GUID class which will help us store the GUID values as shown in the below figure:public class GuidClass
{
private string guid;
public string Guid
{
get
{
return guid;
}
set
{
guid = value;
}
}
}
The next step is to create a simple
HttpModule class which overrides the page_Init event and the page_Load event. In the page_Init event, we have created a simple hidden field by name hdnGuid which is attached to the page on the first hit itself.void _page_Init(object sender, EventArgs e)
{
HiddenField hdnGuid = new HiddenField();
hdnGuid.ID = "hdnGuid";
if (!_page.IsPostBack)
hdnGuid.Value = Guid.NewGuid().ToString();
_page.Form.Controls.Add(hdnGuid);
}
In the
page_Load event, we check if the hidden field value is the same as the old value. In case the value is not the same, that means it's a ‘postback’ and if the value is the same, then it's ‘refresh’. As per the situation, we set the httpContent.Items[“Refresh”] value.void _page_Load(object sender, EventArgs e)
{
HiddenField h1 = (HiddenField)(_page.Form.FindControl("hdnGuid"));
GuidClass currentGuid =new GuidClass();
currentGuid.Guid= h1.Value;
System.Web.HttpContext _httpContext = System.Web.HttpContext.Current;
if (temp.Contains<string>(currentGuid.Guid))
{
_httpContext.Items.Add("IsRefresh",true);
}
else
{
if(!(currentGuid.Guid.Equals(null)||currentGuid.Guid.Equals("")))
temp.Enqueue(currentGuid.Guid);
_httpContext.Items.Add("IsRefresh",false);
}
}
We also need to ensure that the handler is registered in the
httpModules tag.<httpModules><add name="Myhandler" type="Myhandler"/></httpModules>
The final part is to detect in the ASP.NET page whether it’s a
refresh or postback. The below code demonstrates how HttpContext session can be referred to check the same and act accordingly.if ((bool)HttpContext.Current.Items["IsRefresh"])
{
Response.Write("refreshed");
}
else
{
Response.Write("Postback");
}
No comments:
Post a Comment