您的位置:首页 > 编程语言 > ASP

Asp.net_Ajax局部刷新初步认识

2012-01-14 15:02 363 查看
(例一)

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();
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: