这年头,都是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; }
}
}
就这么简单…