`
380071587
  • 浏览: 480416 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ASP.NET:为 AJAX 请求添加客户端事件

 
阅读更多

一、添加/删除请求开始事件的方法
Sys.WebForms.PageRequestManager.instance.add_beginRequest(beginRequestHandler)
Sys.WebForms.PageRequestManager.instance.remove_beginRequest(beginRequestHandler)
参数beginRequestHandler指定当请求开始之前要调用的函数。

例:

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
function BeginRequestHandler(sender, args)
{
//添加你想做的事情
}

函数参数args是Sys.WebForms.BeginRequestEventArgs类的一个实例。
BeginRequestEventArgs类包含两个成员
1、postBackElement 属性,发出触发请求的HTML对象。如: var elem = arg.get_postBackElement();
2、request 属性,获取当前请求的实例对象。如: var request = arg.get_request();
返回值是一个Sys.Net.WebRequest类型的实例,这里我们对它不做过多的讲述,请读者查阅更多的资料。


二、添加/删除请求结束的代码
Sys.WebForms.PageRequestManager.instance.add_endRequest(endRequestHandler)
Sys.WebForms.PageRequestManager.instance.remove_endRequest(endRequestHandler)
参数endRequestHandler 指定当请求结束之后要调用的函数。例: Sys.WebForms.PageRequestManager.getInstance().add_endRequest
(EndRequestHandler);
function EndRequestHandler(sender, args)
{
//你想添加的代码
}
函数参数args是Sys.WebForms.EndRequestEventArgs类的实例。利用它可以获取请求期间发生的异常,以及请求返回的response对象。关于这 个类的详细信息请查看其帮助,由于篇幅问题,这里不再过多的说它。

三、演示实例
这个实例使用VS2005开发,注意还需要安装AJAX插件,插件名字是:ASPAJAXExtSetup.msi,可以到微软官方网站下载,也可以搜索一下,就近下载,安装之后会自动在VS2005工具箱上增加相关选项卡:

相关aspx的代码如下:

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="AjaxDemo.aspx.cs"Inherits="AjaxDemo"%>

<%@RegisterAssembly="System.Web.Extensions,Version=1.0.61025.0,Culture=neutral,PublicKeyToken=31bf3856ad364e35"
Namespace
="System.Web.UI"TagPrefix="asp"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>Ajax事件管理代码</title>
<styletype="text/css">
body
{
font-family:Tahoma;
}

div.AlertStyle
{
background-color:#FFC080;
top:95%;
left:1%;
height:20px;
position:absolute;
visibility:hidden;
}
</style>

</head>
<body>
<formid="form1"runat="server">
<div>
<asp:scriptmanagerID="ScriptManager1"runat="server"></asp:scriptmanager>
<scripttype="text/javascript"language="javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
functionBeginRequestHandler(sender,args)
{
varelem=args.get_postBackElement();
ActivateAlertDiv('visible','AlertDiv',elem.value+'被单击,正在获取系统时间');
}

functionEndRequestHandler(sender,args)
{
ActivateAlertDiv('hidden','AlertDiv','');
}

functionActivateAlertDiv(visstring,elem,msg)
{
varadiv=$get(elem);
adiv.style.visibility=visstring;
adiv.innerHTML=msg;
}

</script>


<asp:UpdatePanelID="UpdatePanel1"UpdateMode="Conditional"runat="Server">
<ContentTemplate>
<asp:PanelID="Panel1"runat="server"GroupingText="UpdatePanel的例子">
最后一次更新时间:
<%=DateTime.Now.ToString()%>.
<br/>
<asp:Buttonrunat="server"ID="Button1"Text="第一个按钮"OnClick="ProcessClick_Handler"/>
<asp:Buttonrunat="server"ID="Button2"Text="第二个按钮"OnClick="ProcessClick_Handler"/>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
<divid="AlertDiv"class="AlertStyle">
</div>
</div>
</form>
</body>
</html>
相关asp.cs代码:
usingSystem;
usingSystem.Data;
usingSystem.Configuration;
usingSystem.Collections;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
usingSystem.Web.UI.HtmlControls;

publicpartialclassAjaxDemo:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{

}

protectedvoidProcessClick_Handler(objectsender,EventArgse)
{
System.Threading.Thread.Sleep(
2000);
}
}
分享到:
评论

相关推荐

    客户端 ajax asp.net ajax

    4. **客户端API**:ASP.NET AJAX提供了丰富的客户端API,可以进一步控制异步请求,如调整请求行为、处理响应等。 结合客户端AJAX和ASP.NET AJAX,开发者可以创建更高效、更响应式的Web应用,同时保持ASP.NET的强大...

    ASP.NET3.5 AJAX客户端编程精选166例(使用C#)

    ### ASP.NET 3.5 AJAX 客户端编程精选166例(使用C#) #### 一、ASP.NET 3.5与AJAX简介 ASP.NET 3.5是微软发布的一个重要的Web开发框架,它基于.NET Framework 3.5,提供了丰富的工具和API来帮助开发者构建动态的...

    asp.net+Ajax实现Excel文件导出

    4. **服务器端代码**:在ASP.NET的后台代码中,我们需要编写一个方法来处理Ajax请求。这个方法会生成Excel文件,然后将其作为HTTP响应的附件返回。可以使用之前引入的库来创建工作簿,添加工作表,填充数据,并设置...

    ASP.NET Ajax客户端编程

    9. **状态管理**:在ASP.NET AJAX中,需要考虑客户端和服务器端的状态管理,因为AJAX请求可能会改变页面状态但不刷新整个页面。这包括ViewState、ControlState以及隐藏字段等。 10. **Error处理**:在客户端进行...

    完全手册:ASP.net.Ajax电子教程

    - **ScriptManager**:它是ASP.NET AJAX页面中的关键组件,负责管理客户端脚本、注册AJAX库和处理AJAX请求。 **3. ASP.NET AJAX开发** - **客户端脚本编程**:通过JavaScript API,开发者可以自定义AJAX行为,如...

    asp.net3.5与ajax聊天室

    - **控件事件模型**:ASP.NET控件具有丰富的事件处理机制,如按钮点击事件、文本框改变事件等,这些事件可以与后台代码关联,实现动态交互。 - **ViewState**:用于在页面回发时保持状态,确保页面在多个请求之间...

    ASP.NET AJAX深入浅出系列课程(21):利用Microsoft AJAX Library开发客户端组建(上)

    在本课程"ASP.NET AJAX深入浅出系列课程(21):利用Microsoft AJAX Library开发客户端组建(上)"中,我们将探讨如何使用Microsoft AJAX Library来构建动态的、响应式的客户端组件。 首先,我们要理解Microsoft AJAX ...

    jMVC.NET:不回传改变客户端Web页面源代码

    - 客户端:意味着这些改变发生在用户浏览器端,而不是服务器端。 - web:指示这与Web开发相关,特别是关于Web页面的动态交互。 **文件名解析:** - jsonnet.aspx.htm:可能是一个示例页面,演示了如何使用jMVC.NET...

    ASP.NET1.1+AJAX即时聊天室

    1. **JavaScript事件处理**:在客户端,JavaScript监听用户输入和按钮点击事件,当用户提交消息时触发AJAX请求。 2. **XMLHttpRequest对象**:创建并初始化XMLHttpRequest对象,设置HTTP方法(GET或POST),URL指向...

    asp.net客户端AJAX

    微软为ASP.NET提供了一套完整的客户端AJAX库,包括`MicrosoftAjax.js`和`MicrosoftMvcAjax.js`等脚本文件。这些库包含了实现AJAX功能所需的各种组件和API,如UpdatePanel、ScriptManager、AjaxControlToolkit等。 ...

    asp.net使用jquery ajax 小例子

    如果选择调用当前页的Web方法,可以在ASP.NET的代码-behind文件中添加一个静态的`[WebMethod]`注解的方法: ```csharp [System.Web.Services.WebMethod] public static object YourWebMethod(string param1, string...

    基于ASP.NET 3.5 AJAX客户端框架开发Web版RSS阅读器

    在本项目中,我们探讨的是如何使用ASP.NET 3.5与AJAX客户端框架来开发一个Web版的RSS阅读器。这个技术栈结合了服务器端的强大处理能力与客户端的交互性,为用户提供流畅且实时的体验。以下是关于这个主题的详细知识...

    asp.net 2.0使用ajax实现客户端回调功能详解

    在探讨ASP.NET 2.0如何使用Ajax实现客户端回调功能之前,我们首先简要回顾一下ASP.NET 2.0和Ajax的基本概念。 ### ASP.NET 2.0简介 ASP.NET 2.0是Microsoft推出的一个用于开发Web应用程序的框架,它是.NET ...

    基于ASP.NET接口的AJAX异步请求实例(不是控件)

    在ASP.NET中,你也可以使用`PageMethods`和`WebMethods`来实现基于URL的AJAX请求。`PageMethods`是ASP.NET AJAX库的一部分,允许你在脚本中直接调用页面上的静态Web方法。而`WebMethods`是在页面代码后面声明的静态...

    asp.net+ajax 制作一个简单的社区聊天室

    - JavaScript文件:包含AJAX请求和DOM操作的代码。 - ASP.NET后台代码文件(如.aspx.cs):处理HTTP请求,进行业务逻辑处理和数据库操作。 - 可能还有配置文件(如web.config)和数据库脚本。 学习这个项目,你可以...

    ASP.NET Ajax 写的一个用户注册实例

    ASP.NET AJAX 是微软提供的一种强大的Web开发技术,它结合了ASP.NET的强大功能和AJAX(Asynchronous JavaScript and XML)的异步交互性,允许开发者创建更高效、响应更快的Web应用程序。在这个用户注册实例中,我们...

    asp.net的ajax传值

    5. **jQuery或纯JavaScript**:虽然ASP.NET AJAX提供了UpdatePanel,但也可以选择使用jQuery或其他JavaScript库来实现更灵活的AJAX请求。这可能涉及使用$.ajax()或$.post()函数来发送异步请求,以及使用回调函数处理...

    Ajax 操作实例 ASP.NET实例

    首先,我们需要在ASP.NET页面中添加UpdatePanel控件。UpdatePanel是一个服务器控件,它可以包裹其他控件,并在后台执行操作时控制哪些部分应进行异步更新。在GridView所在的区域添加UpdatePanel,可以确保只有...

Global site tag (gtag.js) - Google Analytics