Trong phần này tôi sẽ giới thiệu cho các bạn cách reload lại một phần của trang web một cách định kỳ trong ASP.NET một cách thật đơn giản mà không cần phải dùng AJAX hay Javascript.
Nếu thế chúng ta sẽ làm như thế nào?Câu trả lời là chúng ta dùng 1 thẻ IFRAMES và tag META tạo nên 1 sự kết hợp tuyệt vời . Chúng ta thực hiện theo 2 bước như sau :
Bước 1: Thêm IFRAME
Đầu tiên bạn cần thêm 1 Iframe vào trang tại vị trí mà bạn cần thực hiện reload như bên dưới : <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Update part of page periodically</title>
</head>
<body>
<form id="form1" runat="server">
<div>
This is the Main Page
<br /><br /><br /><br />
<iframe id = "frame1" src = "refresh.aspx" frameborder = "0"
style="width: 493px;height: 295px" >
</iframe>
</div>
</form>
</body>
</html>
Tôi đã add 1 Iframe và đặt thuộc tính src là trang refresh.aspx, là trang sẽ được reload định kỳ. Nếu hoàn thành chúng ta qua bước 2.
Bước 2 : Thêm 1 tag META
Chúng ta tiến hành thêm 1 tag META trong thẻ head của trang.
<meta http-equiv="Refresh" content="5" />
Tag trên sẽ refresh trang trong vòng 5 giây:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Page to be Refreshed</title>
<meta http-equiv="Refresh" content="5" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="lblTime" runat="server" Text=""></asp:Label>
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
</div>
</form>
</body>
</html>
Kết quả như sau :
Hy vọng thủ thuật nhỏ này sẽ giúp ích nhiều cho các bạn.