Asp.net_Ajax局部刷新初步认识
2012-01-14 15:02
363 查看
(例一)
Default.aspx
Default.aspx.cs
(例二)内部按钮刷新
1.aspx
1.aspx.cs
(例三)多个UpdatePanel
1.aspx
1.aspx.cs
Default.aspx
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:Label ID="lblNoAjax" runat="server"></asp:Label> <asp:Button ID="btnNoAjax" runat="server" Text="未使用AJAX" OnClick="btnNoAjax_Click" /> <asp:Button ID="btnUseAjax" runat="server" Text="使用AJAX" OnClick="btnUseAjax_Click" /> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="lblUseAjax" runat="server"></asp:Label> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnUseAjax" EventName="Click" /> </Triggers> </asp:UpdatePanel>
Default.aspx.cs
protected void Page_Load(object sender, EventArgs e) { lblNoAjax.Text = DateTime.Now.ToString(); lblUseAjax.Text = DateTime.Now.ToString(); } protected void btnUseAjax_Click(object sender, EventArgs e) { lblNoAjax.Text = DateTime.Now.ToString(); lblUseAjax.Text = DateTime.Now.ToString(); } protected void btnNoAjax_Click(object sender, EventArgs e) { lblNoAjax.Text = DateTime.Now.ToString(); lblUseAjax.Text = DateTime.Now.ToString(); }
(例二)内部按钮刷新
1.aspx
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="lblUseAjax" runat="server"></asp:Label> <asp:Button ID="btnUseAjax" runat="server" Text="刷新UpdatePane1" OnClick="btnUseAjax_Click" /> </ContentTemplate> </asp:UpdatePanel> <asp:Label ID="lblNoAjax" runat="server" Text="控件外标签"></asp:Label>
1.aspx.cs
protected void Page_Load(object sender, EventArgs e) { lblNoAjax.Text = "由页面加载"; lblUseAjax.Text = "UpdatePanel控件加载"; } protected void btnUseAjax_Click(object sender, EventArgs e) { lblNoAjax.Text = DateTime.Now.ToLongTimeString(); lblUseAjax.Text = DateTime.Now.ToLongTimeString(); btnUseAjax.Text ="刷新时间" + DateTime.Now.ToLongTimeString(); }
(例三)多个UpdatePanel
1.aspx
<div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> </Triggers> </asp:UpdatePanel> <asp:UpdatePanel ID="UpdatePanel2" runat="server"> <ContentTemplate> <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" /> </Triggers> </asp:UpdatePanel> </div> <div> <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /> <asp:Button ID="Button2" runat="server" Text="Button" onclick="Button2_Click" /> <br /> <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> </div>
1.aspx.cs
protected void Page_Load(object sender, EventArgs e) { Label3.Text = "页面加载" + DateTime.Now.ToLongTimeString(); } protected void Button1_Click(object sender, EventArgs e) { Label1.Text = "刷新时间" + DateTime.Now.ToLongTimeString(); } protected void Button2_Click(object sender, EventArgs e) { Label2.Text = "刷新时间" + DateTime.Now.ToLongTimeString(); }
相关文章推荐
- ASP.NET下Ajax局部刷新简单应用
- ASP.NET AJAX UpdatePanel 不能实现局部刷新原因
- ASP.NET下Ajax局部刷新简单应用
- VS2003项目转为VS2005后ASP.NET ajax不能局部刷新的问题
- 21.5 UpdatePanelAnimation局部刷新动画控件(征服ASP.NET 2.0 Ajax——Web开发技术详解)
- ASP.Net网站开发ajax局部刷新问题
- ASP.NET使用ajax实现分页局部刷新页面功能
- ASP.NET 用 AjaxOptions 实现局部刷新
- asp.net注册、局部刷新用户名检测+验证码
- asp.net 页面局部刷新
- ASP.NET 前端Ajax获取数据并刷新
- 使用ASP.NET AJAX无刷新验证用户的代码
- 在ASP.net MVC中利用ajax配合razor进行局部加载
- ASP.Net 在Update Panel局部刷新后 重新绑定JS方法
- Asp.net使用ajax无刷新上传文件(附源码)
- ajax+asp.net无刷新验证用户名
- ASP.NET分页控件翻页时控制页面局部刷新
- Ajax+asp.net无刷新验证用户名的几种方法
- ASP.Net Ajax应用初步:使用AJAX调用WebService
- asp.NET UpdatePanel实现异步局部刷新