
ASP.NET中不仅可以像其它网页一样通过《【ASP.NET】利用jQuery与.ashx完成简单的Ajax》(点击打开链接)完成简单的局部更新,
在ASP.NET2.0版本(不含)之后,基本上在其ASP.NET3.5版本(含)开始,推出了一些列Ajax Extensions的组件,可以通过ASP.NET自身封装好的方法实现局部更新。updatepanelupdatepanel可能比较新的缘故,网上对此的资料比较少,而且写得天花乱坠。

利用UpdatePanel与ScriptManager完成局部的更新属于比较新的内容,封装好一些列Ajax技术,好不好用,见仁见智。当然,我个人还是习惯jQuery与.ashx完成简单的Ajax,毕竟这种方式的Ajax在网页编程最常见,但是你不用,还是要会在ASP.NET怎么利用UpdatePanel与ScriptManager完成局部的更新。
下面实现一个简单的例子来说明这个问题,具体效果如下图:

在点击“更新时间”的按钮,仅更新Label1的内容,不会对整个页面进行刷新。
这个页面的前端代码Default.aspx如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="UpdatePanel._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://.w3.org/1999/xhtml">
<head runat="server">
<title>UpdatePanel与ScriptManager的Ajax</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<asp:Label ID="Label2" runat="server" /><br />
<asp:Button ID="Button1" runat="server" Text="更新时间" OnClick="Button1_Click" />
</div>
</form>
</body>
</html>
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-37211-1.html
马云你可以继续宣传你的言论
这家公司演变成三鹿
只有一计能救中国