Chủ nhật, ngày 4 tháng 12 năm 2016

Refresh hoặc Reload một phần trang web một cách định kỳ trong ASP.NET

Ngày đăng: 29/3/2011, 9:37:18PM | Lượt xem: 10,283
Hot!

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ầ 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.

 Chia sẻ qua: 
Hot!
Ý kiến bạn đọc

These items will be permanently deleted and cannot be recovered. Are you sure?

Gallery

image

Maecenas viverra rutrum pulvinar

Maecenas viverra rutrum pulvinar! Aenean vehicula nulla sit amet metus aliquam et malesuada risus aliquet. Vestibulum rhoncus, dolor sit amet venenatis porta, metus purus sagittis nisl, sodales volutpat elit lorem…

Read more

Text Links

Thiết kế logo chuyên nghiệp Insky
DAFABET
W88 w88b.com/dang-ky-tai-khoan-w88
W88
Copyright © 2011 - 2012 vietshare.vn by phamkhuong102@gmail.com doanhkisi2315@gmail.com. All rights reserved.