ASP.net中的AJAX学习记录七:用javaScript来更新Updatepanel

简介:
    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函数,致使页面刷新。
1<%@ 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"
    ComfirmRefresh()    ComfirmRefresh() 
15        { 
16              if(confirm( "你确认要刷新吗?")) 
17             { 
18                //第一个参数是你希望提交到服务器的控件的ID号,第二个参数是事件参数 
19                __doPostBack( "UpdatePanel1", "Refresh"); 
20             } 
21        } 
22        </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> 
cs代码如下:
1public partial class _Default : System.Web.UI.Page 

3        protected void Page_Load(object sender, EventArgs e) 
4        { //当前ScriptManager1回发的值是AsyncPostback并且导致ScriptManager1的异步回发事件的控件为UpdatePanel1时。 
5                if (ScriptManager1.IsInAsyncPostBack && ScriptManager1.AsyncPostBackSourceElementID == "UpdatePanel1") 
6                        //label1获取系统当前时间。 
7                        Label1.Text = DateTime.Now.ToString(); 
8        }  
9 }
本文转自叶子文文博客51CTO博客,原文链接http://blog.51cto.com/leafwf/185628如需转载请自行联系原作者

叶子文文
相关文章
|
3月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
3月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
4月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
166 0
|
10月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
188 5
|
10月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
83 2
|
10月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
125 1
|
11月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
106 2
|
11月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
100 1
|
11月前
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
163 0