Refresh or Reload part of page periodically at regular intervals in ASP.Net

Author:Mudassar Khan

This article will described how to refresh a part of page periodically in ASP.Net Web applications without using AJAX or JavaScript in a very simple way.

Concept

The first question that comes in mind is how?

So the answer is IFRAMES and META Tags make a great combination and thus help us achieve the same in a simple manner in just 2 steps. The main advantage of this approach is that it will refresh the part in the Iframe and not the whole page thus giving an AJAX effect without using AJAX or Timers.

Step 1: Adding Iframe

You will first need to add an Iframe to the page at any location that you prefer to be refreshed on regular basis or periodic refresh. As shown below

<title>Update part of page periodically</title>

</head>

<body>

<div>

This is the Main Page

style="width: 493px;height: 295px" >

</iframe>

</div>

</form>

</body>

</html>

You will notice above I have added an Iframe and set the src property to the page called refresh.aspx which will be refreshed periodically. That’s it we are half done let’s move to Step 2.

Step 2: Adding Meta Tag

Step 2 is also fairly simple you will need to add the following meta tag to the head section of the page

The above tag will refresh the page every 5 seconds For more information on how this works and how to set it dynamically from code behind refer my article

Reload, Refresh and Redirect Pages using Meta Tags in ASP.Net

<title>Page to be Refreshed</title>

</head>

<body>

<div>

<asp:Label ID="lblTime" runat="server" Text=""></asp:Label>

<asp:GridView ID="GridView1" runat="server">

</asp:GridView>

</div>

</form>

</body>

</html>

You will notice I have added the meta tag to the page and set the interval to 5 seconds. I have placed an ASP.Net GridView Control so that my data is refreshed at regular intervals

That’s it we are done now run the page with the Iframe in browser and see it refresh the content periodically