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

这年头，都是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

UpdatePanel和ScriptManager实现免刷新获取数据相关推荐

微信小程序云开发分页刷新获取数据
利用云函数调用数据库,在云函数中分页调取数据.再在js中不断将新的数据拼接到旧数据中,在前端显示.初始只显示5条记录,下拉刷新即可获取更多. 首先在JS中,调用云函数,获取到后端的数据: /*** 从 ...
Power Pivot（了解power pivot，获取数据，计算字段（度量值）和计算列，按列排序，多表模型关系创建）
一个案例了解power pivot(订单明细表,区域,产品表) 关键字段: 创建关系:一对多:多对一:一对一一对多:一指的是创建关系字段是唯一值:多指的是创建关系字段的重复值一端的字段可以控制多端 ...
【实习小tip】多层dialog弹窗遮罩问题、elementUI的form表单组件的select框在只读的情况下没办法拿到传来的数据、从弹窗子组件获取数据后需要刷新页面
解决elementui多层dialog弹窗遮罩问题弹窗套娃出现了整个屏幕都是遮罩层的问题,需要鼠标点击一下才能正常. 在弹窗组件代码上加上 append-to-body 就可以了,表示这个弹窗是嵌在 ...
H5在安卓微信浏览器返回时动态获取的数据不会保留（页面刷新了数据初始化了）
解决思路: 判断机型跳转前将动态构建的页面内容缓存在sessionStorage中页面加载时,先从sessionStorage中获取数据存在缺陷: 抑制了在窗口刷新能力点击刷新,页面动态数据 ...
vue-scroller的使用以及使用的那些坑(上拉获取数据下拉刷新)
最近做手机公众号需要做上拉获取数据的功能,选择了vue-scroller. vue-scroller可以实现下拉刷新,上拉获取数据的功能.话不多说,开始. 一安装使用npm 安装 npm inst ...
php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多，不刷新页面加载更多数据！附：可用源码+demo...
先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...
Android中WebView的跨域漏洞分析和应用被克隆问题情景还原(免Root获取应用沙盒数据)...
一.前言去年年底支付宝的被克隆漏洞被爆出,无独有偶就是腾讯干的,其实真正了解这个事件之后会发现,感觉是针对支付宝.因为这个漏洞找出肯定花费了很大劲,主要是因为支付宝的特殊业务需要开启了WebView ...
.net中如何同步获取数据方式增加一样数据自动刷新列表_知客CRM如何对接微信公众号...
如果您的企业正在运营微信公众号,您可以将公众号上的粉丝和知客CRM中的客户信息进行身份绑定,这样公众号的粉丝就有了一个客户ID,能够与CRM系统进行业务交互,比如浏览公司产品.下单到CRM.发起投诉流 ...
服务器控件的异步请求——UpdatePanel和ScriptManager
aspx文件里面有以下一段代码 <body><form id="form1" runat="server"><div>< ...

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

UpdatePanel和ScriptManager实现免刷新获取数据相关推荐

最新文章

热门文章