ASP.net中的AJAX学习记录七:用javaScript来更新Updatepanel
2008-12-09 23:08
531 查看
Updatepanel的刷新,除了使用之前在Updatepanel的Triggers中加入controlID外,还有一种上一篇用到过的方法update()函数,这篇博客我学习到另一种方法,用JavaScript中的__doPostBack()(两条下划线)来实现,我们达到的页面效果是,当点击Button1时,Updatepanel1中的label就获取系统时间。
注: __ dopostback这个前台函数的功能,主要是用于web控件的postback,它是通过__eventTraget,__eventArgument两个隐藏控件向服务端发送控制信息的。
页面布局:1.在页面中拖放scriptmanager1。
2.放入Updatepanel1,将Updatepanel1的UpdateMode=conditional。
3.在Updatepanel1中,放入一个label1。
4.在Updatepanel1的外部放入一个html的Button1.
页面的源代码如下:当点击Button1时,引发__ dopostback函数,致使页面刷新。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head runat="server">
5 <title>无标题页</title>
6</head>
7<body>
8 <form id="form1" runat="server">
9 <div >
10 <asp:ScriptManager ID="ScriptManager1" runat="server">
11
12 </asp:ScriptManager>
13 <script language ="javascript">
14 function ComfirmRefresh()
15 </script>
23 <input id="Button1" type="button" value="button" onclick="ComfirmRefresh()" />
24 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode ="Conditional">
25 <ContentTemplate>
26 <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
27 </ContentTemplate>
28 </asp:UpdatePanel>
29 </div>
30 </form>
31</body>
32</html>
33
cs代码如下:
public partial class _Default : System.Web.UI.Page
2
注: __ dopostback这个前台函数的功能,主要是用于web控件的postback,它是通过__eventTraget,__eventArgument两个隐藏控件向服务端发送控制信息的。
页面布局:1.在页面中拖放scriptmanager1。
2.放入Updatepanel1,将Updatepanel1的UpdateMode=conditional。
3.在Updatepanel1中,放入一个label1。
4.在Updatepanel1的外部放入一个html的Button1.
页面的源代码如下:当点击Button1时,引发__ dopostback函数,致使页面刷新。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head runat="server">
5 <title>无标题页</title>
6</head>
7<body>
8 <form id="form1" runat="server">
9 <div >
10 <asp:ScriptManager ID="ScriptManager1" runat="server">
11
12 </asp:ScriptManager>
13 <script language ="javascript">
14 function ComfirmRefresh()
15 </script>
23 <input id="Button1" type="button" value="button" onclick="ComfirmRefresh()" />
24 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode ="Conditional">
25 <ContentTemplate>
26 <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
27 </ContentTemplate>
28 </asp:UpdatePanel>
29 </div>
30 </form>
31</body>
32</html>
33
cs代码如下:
public partial class _Default : System.Web.UI.Page
2
相关文章推荐
- ASP.net中的AJAX学习记录七:用javaScript来更新Updatepanel
- Asp.Net Ajax 学习笔记9 JavaScript的原生类型以及Microsoft AJAX Library的相关扩展(上)
- Asp.Net Ajax 学习笔记10 JavaScript的原生类型以及Microsoft AJAX Library的相关扩展(下)
- ASP.net 中的AJAX学习记录之四 updateProgress控件的简单用法
- ASP.net中的AJAX学习记录六 无刷新的数据编辑(GridView和DetailsView结合实例)
- ASP.net中的AJAX学习记录五:动态加载用户控件(Calendar控件为例)
- ASP.NET AJAX学习记要(2)-下手之JavaScript
- ASP.Net 如何在UpdatePanel (ajax)更新后执行Javascript
- ASP.NET中ajaX学习记录
- ASP.NET AJAX学习记要(2)-下手之JavaScript
- ASP.Net 如何在UpdatePanel (ajax)更新后执行Javascript
- ASP.NET AJAX学习记要(2)-下手之JavaScript
- 黑马程序员_学习日记73_725ASP.NET(禁用Cookie、ASP.NET中的重要对象、JavaScript实现AJAX、两种Json格式的序列化方法、JQuery中实现ajax的五种方法)
- ASP.net中的AJAX学习记录五:动态加载用户控件(Calendar控件为例)
- Asp.Net Ajax 学习笔记21 VS2008的JavaScript代码提示功能
- ASP.NET AJAX学习记要(2)-下手之JavaScript
- Asp.Net Ajax 学习笔记21 VS2008的JavaScript代码提示功能
- ASP.net中的AJAX学习记录五:动态加载用户控件(Calendar控件为例)
- Asp.net中的AJAX学习记录之二 体会AJAX页面刷新的不同(初体验)
- ASP.net中的AJAX学习记录之三 体会UpdateMode属性及使用UpdateTriggers