UpdatePanel和ScriptManager实现免刷新获取数据

最新推荐文章于 2019-06-27 19:31:10 发布

djk8888

最新推荐文章于 2019-06-27 19:31:10 发布

阅读量446

点赞数

分类专栏： ASP.NET代码文章标签： UpdatePanel ScriptManager 免刷新

本文链接：https://blog.csdn.net/djk8888/article/details/84305868

版权

ASP.NET代码专栏收录该内容

126 篇文章 1 订阅

订阅专栏

这年头，都是ajax+jQuery，后台取出json数据到前台，然后再append到页面上。
新来的大学实习生(估计是老板的亲戚，没面试就插进来的)，大学老师只教了拖控件…
现在要实现免刷新的效果，还是可以的，用一个从来不用的控件 UpdatePanel 来实现：

需求：后台获取N个图片数据，动态加载到前端，不准刷新页面！
ASPX页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default9.aspx.cs" Inherits="Default9" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>djk8888</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="btnPart" runat="server" Text="局部刷新" OnClick="btnPart_Click" /><br />
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                        <%#Eval("img") %>
                    </ItemTemplate>
                </asp:Repeater>
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>
</html>

ASPX.CS页面：

using System;
using System.Collections.Generic;
public partial class Default9 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        ScriptManager1.RegisterAsyncPostBackControl(this.btnPart);//注册一下要实现异步回发的控件
    }
    protected void btnPart_Click(object sender, EventArgs e)
    {
    	//此处可以是从数据库中取出数据(略)
        Random ran = new Random();
        List<imgs> imgs = new List<imgs>();
        for (int i = 0; i < ran.Next(1,100); i++)
        {
            imgs pic = new imgs();
            pic.img = "<img src='Koala.jpg' width='100px' />";
            imgs.Add(pic);
        }
        this.Repeater1.DataSource = imgs;
        this.Repeater1.DataBind();
    }
    public class imgs
    {
        public string img { get; set; }
    }
}

就这么简单…

本例配套源码：https://download.csdn.net/download/djk8888/10796444

djk8888

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
UpdatePanel和ScriptManager实现免刷新获取数据

这年头，都是ajax+jQuery，后台取出json数据到前台，然后再append到页面上。新来的大学实习生(估计是老板的亲戚，没面试就插进来的)，大学老师只教了拖控件…现在要实现免刷新的效果，还是可以的，用一个从来不用的控件 UpdatePanel 来实现：需求：后台获取N个图片数据，动态加载到前端，不准刷新页面！ASPX页面：&lt;%@ Page Language="C#" Aut...
复制链接

扫一扫

专栏目录