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如需转载请自行联系原作者

叶子文文
相关文章
|
7月前
|
XML JSON 前端开发
深入了解JavaScript中的AJAX和HTTP请求
深入了解JavaScript中的AJAX和HTTP请求
|
4月前
|
开发框架 JavaScript 前端开发
揭秘:如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语,再引发服务器端魔法!
【8月更文挑战第16天】在ASP.NET开发中,处理客户端与服务器交互时,常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件,但难以插入客户端逻辑。本文对比此法与改进方案:利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交,增强了灵活性和用户体验,同时确保了服务器端逻辑的执行。
56 5
|
7月前
|
开发框架 前端开发 JavaScript
ASP.NET AJAX使用方法概述(三)
ASP.NET AJAX使用方法概述(三)
63 1
|
4月前
|
数据采集 JavaScript 前端开发
通过ClearScript V8在.NET中执行复杂JavaScript逻辑
爬虫技术是数据采集的关键手段。针对动态加载的网页,传统HTTP请求及HTML解析难以满足需求。本文章介绍如何利用ClearScript V8库在.NET环境中执行复杂的JavaScript逻辑,以提高爬虫对动态内容的抓取效率。文章首先概述了ClearScript V8的功能,如何处理如微博这类含有大量动态加载内容的网站。通过使用代理IP、设置cookie和user-agent等方式模拟真实用户访问,确保了爬虫的稳定性和隐蔽性。提供了一个具体的C#爬虫示例,演示如何结合ClearScript V8和HTTP客户端来实现上述功能。这种方法不仅增强爬虫的灵活性,也极大地提高数据采集的效率和可靠性。
164 1
通过ClearScript V8在.NET中执行复杂JavaScript逻辑
|
7月前
|
开发框架 缓存 前端开发
安装ASP.NET AJAX (一安装)
安装ASP.NET AJAX (一安装)
117 0
|
7月前
|
XML 开发框架 .NET
C# .NET面试系列八:ADO.NET、XML、HTTP、AJAX、WebService
## 第二部分:ADO.NET、XML、HTTP、AJAX、WebService #### 1. .NET 和 C# 有什么区别? .NET(通用语言运行时): ```c# 定义:.NET 是一个软件开发框架,提供了一个通用的运行时环境,用于在不同的编程语言中执行代码。 作用:它为多语言支持提供了一个统一的平台,允许不同的语言共享类库和其他资源。.NET 包括 Common Language Runtime (CLR)、基础类库(BCL)和其他工具。 ``` C#(C Sharp): ```c# 定义: C# 是一种由微软设计的面向对象的编程语言,专门为.NET 平台开发而创建。 作
333 2
|
7月前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
73 0
|
7月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
78 0
|
7月前
|
XML 前端开发 JavaScript
JavaScript高级主题:什么是 AJAX?如何使用它?
JavaScript高级主题:什么是 AJAX?如何使用它?
88 0
|
7月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
102 0