ASP.NET AJAX 实现登陆无刷新/动态添加服务器控件
2010-01-27 14:15
721 查看
在最近开始将AJAX技术加入到日常的开发工作中。我在最近写了个AJAX的无刷新登陆且动态添加服务器控件的工作,我将此功能告诉大家希望对大家的工作有所帮助。如果大家有更好的方法且愿意在此留言让我也可以分享到你的成果。
首先在页面中的HTML标记中加入控件UpdatePanel和两个Textbox一个Button:
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers=false UpdateMode=Conditional>
<ContentTemplate>
用户名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
密码:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:Button ID="btnOK" runat="server" OnClick="btnOK_Click" Text="登陆" Width="103px" />
<div id="error" style="width: 616px; height: 23px; font-weight: bold; color: red;" align="center" language="javascript" onclick="return error_onclick()" >
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnOK" />
</Triggers>
</asp:UpdatePanel>
在完成后如大家看到的我在Trigger中将Button注册为异步调用控件,这样当我点击是就会触发异步的数据传送。
接下来在CS文件中的Button的Click事件中添加一下代码:
.......
switch (ps.BOOL)
{
case "Ok":
//清空UpdatePanel内的所有控件
this.UpdatePanel1.ContentTemplateContainer.Controls.Clear();
Label labInfo = new Label();
labInfo.ID = "newlabel";
labInfo.Width = 600;
labInfo.Height = 23;
labInfo.Font.Bold = true;
labInfo.ForeColor = Color.Red;
labInfo.Text = " 登陆成功 欢迎 " + ps.NAME + " 登陆 ! ";
this.UpdatePanel1.ContentTemplateContainer.Controls.Add(labInfo);
break;
case "Null":ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "UpdatePanel1", "$get('error').innerHTML = '登陆失败 !';", true);
break;
default: ; break;
}
........
完成这段代码就基本上实现了登陆的无刷新和动态添加显示控件的功能。
首先在页面中的HTML标记中加入控件UpdatePanel和两个Textbox一个Button:
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers=false UpdateMode=Conditional>
<ContentTemplate>
用户名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
密码:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:Button ID="btnOK" runat="server" OnClick="btnOK_Click" Text="登陆" Width="103px" />
<div id="error" style="width: 616px; height: 23px; font-weight: bold; color: red;" align="center" language="javascript" onclick="return error_onclick()" >
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnOK" />
</Triggers>
</asp:UpdatePanel>
在完成后如大家看到的我在Trigger中将Button注册为异步调用控件,这样当我点击是就会触发异步的数据传送。
接下来在CS文件中的Button的Click事件中添加一下代码:
.......
switch (ps.BOOL)
{
case "Ok":
//清空UpdatePanel内的所有控件
this.UpdatePanel1.ContentTemplateContainer.Controls.Clear();
Label labInfo = new Label();
labInfo.ID = "newlabel";
labInfo.Width = 600;
labInfo.Height = 23;
labInfo.Font.Bold = true;
labInfo.ForeColor = Color.Red;
labInfo.Text = " 登陆成功 欢迎 " + ps.NAME + " 登陆 ! ";
this.UpdatePanel1.ContentTemplateContainer.Controls.Add(labInfo);
break;
case "Null":ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "UpdatePanel1", "$get('error').innerHTML = '登陆失败 !';", true);
break;
default: ; break;
}
........
完成这段代码就基本上实现了登陆的无刷新和动态添加显示控件的功能。
相关文章推荐
- [ASP.NET AJAX]谨记给UpdatePanel中动态添加的控件赋ID
- [ASP.NET AJAX]谨记给UpdatePanel中动态添加的控件赋ID
- 备忘:asp.net简单实现服务器控件的动态绑定
- 新写的一个使用ASP.NET AJAX中的UpdatePanel控件实现GridView的无刷新删除,更新,添加,查询!
- Asp.Net中Ajax实现登陆判断
- Asp.net动态添加控件的方法
- 一个在ASP.NET中利用服务器控件GridView实现数据增删改查的例子
- ASP.NET AJAX UpdatePanel 控件实现剖析
- asp.net 中服务器端控件动态添加和删除
- ASP.net中的AJAX学习记录五:动态加载用户控件(Calendar控件为例)
- ASP.NET动态添加控件一例
- Asp.Net利用Ajax实现Fullcalendar动态获取更新events并修改日程单元格背景颜色
- asp.net C#动态添加创建生成button按钮控件没有触发执行响应click绑定事件处理
- Asp.net 对于服务器控件添加Client端方法
- Ajax 使用net独有控件ScriptManager实现无刷新效果【登陆】
- asp.net 动态添加多个用户控件
- 用jQuery实现asp.net 2.0 treeview控件完全无刷新操作实例(AJAX的增、删、改、选择以及展开收缩节点)
- asp.net 中服务器端控件动态添加和删除
- asp.net动态添加CheckBox控件及判断是否选中,以下是页面及后台代码
- ASP.NET动态加载用户控件的实现方法