


下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
客户端回调的实现分析2007-07-2613:19:13|分类:|浏览:0ASP.NET初学者入门最佳实践开发人员使用JavaScript的一个主要原因就是可以避免回发过程中带来的页面刷新。例如我们可以根据用户的需要使用Treeview控件来展开和折叠相应的数据节点。当你展开一个节点时,该Treeview控件将会利用JavaScript读取服务器上的子节点信息,然后平滑无刷新地插入这些新节点。如果没有使用JavaScript的话,Treeview控件将会因为页面的回发而重新构建。不但用户会发现因页面刷新而带来的延迟,而且页面极有可能回复到原来的状态,即丢失前面所展开的那些子节点信息。对于服务器端来说,因为每次回发的过程中都要处理大量的视图状态(ViewState)信息,这也会严重影响程序的整体执行性能。以前我们使用的JavaScript示例几乎都是自包含的,即它们通常是为了完成一些特殊的显示效果(例如弹出一个新的页面窗口),而没有和服务器端代码进行信息的交互。如果你也想构建一个类似的无刷新页面的话,你首先必须调用服务器端的一个特定的方法,等待服务器响应后就会将请求的信息传递到客户端,从而避免了回发这个过程。为了实现这个方案,你首先需要对如何将客户端脚本和服务器端代码进行通讯有个大致的了解。尽管有许多中方法可以实现这两者间的交互(例如调用Web服务),但是由于受到特定的浏览器和平台的限制,它们的实现是还是有一定的难度的。而在ASP.NET2.0中,引入了一个称为喀户端回调"的功能,利用这个内建的解决方案我们可以轻松实现客户端脚本和服务器端代码间的交互,从而避免了页面因回发带来的频繁刷新。客户端回调本质上就是指通过前端的客户端脚本向服务器端传递相应的数据参数,服务器端再以接受到的参数进行查询和处理,最后将结果回传到客户端进行显示。虽然这样的过程不是一种创举,但是对于许多开发者来说这在某种思维上还是无法理解的,因为JavaScript的内存管理和.NETCLR的内存管理是不同的进程,而且管理的空间上也截然不同,所以彼此间无法直接参照也没有直接进行交互的方式,而客户端回调却是实现客户端和服务器端进行沟通的方法之一,又因为它是在客户端触发的,所以这就应该是"客户端回调"命名的由来吧!创建一个简单的客户端回调为了在ASP.NET中展示一个客户端回调的实例,首先我们将概述客户端回调间的交互过程是如何实现的。下面是基本的步骤:在某时刻激活一个JavaScript事件,从而触发客户端回调。触发客户端回调发生后,服务器端的一个方法将被执行。该方法有一个固定的模式--它接受的是一个字符串参数,并且返回的也是一个字符串参数。一旦页面接受到来自服务器端方法的响应结果后,它就可以利用JavaScript修改一些和用户界面有关的信息(例如显示在页面上显示返回的结果)对于开发人员来说,底层的交互过程是非常复杂的,ASP.NET则将交互的处理过程进行了抽象化,这样使得开发人员可以直接建立表层的客户端回调,而无需考虑底层的操作是如何实现的。下面的实例中,页面中放置了一个文本框,一个提交按钮和一个标签。文本框是用来接受用户的输入信息,在单击提交按钮后将把文本框中输入的信息在标签上进行实时的显示。注意,在输入信息后单击提交按钮时,并没有像以前传统的提交方式那样重新对页面进行构建和刷新。图1-1为该实例的效果图。
朋备器锻-—二EDdDDlg 朋备器锻-—二EDdDDlgHf—pCClHorc-曲SEmniK-uurnni—il^aBESQI乱理闵覧證护运厅匡iffl方誘迫回轄嵐拘一个〒朴事 URLlffJft—暮剛■—二用尸草击提盘按"'JavaScriptlU舊"#T1科■甚fet牛后£1:1姑象用HlML也|亍童创创建基本的页面按照上图的布局在工具栏的"标准"标签中拖拽出一个TextBox控件,一个Label控件到主窗体上。然后在"HTML"标签中拖拽出一个InputButton的HTML按钮,注意,该按钮不是我们经常使用的服务器端控件,而是一个HTML元素。在按钮中添加一个onclick事件,点击该按钮这将向服务器端发出回调请求,这个onclick事件的具体实现细节将在以后的过程中加以说明。得到的初始页面代码如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="CallBackExample.aspx.cs"Inherits="CallBackExample"%><htmlxmlns="/1999/xhtml"><headrunat="server">ctitle>客户端回调</title></head><body><formid="forml"runat="server"><div>请输入信息:<asp:TextBoxID="txtEnter"runat="server"x/asp:TextBox><inputid="bttnSubmit"type="button"value="提交"/><br/><asp:LabelID="lblShow"runat="server"></asp:Label></div></form></body></html>执行回调为了实现客户端回调,你的页面逻辑代码中必须实现一个ICallbackEventHandler接口。代码如下:publicpartialclassCallBackExample:System.Web.UI.Page,System.Web.UI.ICallbackEventHandlerICallbackEventHandler接口定义了两个方法,RaiseCallbackEvent()从浏览器接受一个字符串作为事件参数,即该方法接受客户端JavaScript使传递的参数,注意它是首先触发的。接下来触发的就是GetCallbackResult()方法,它将所得到的结果传回给客户端的JavaScript,JavaScript再将结果更新到页面。本例中的RaiseCallbackEvent()中的参数为我们在文本框的输入信息。为了表明它是从服务器返回的,我们加了一些说明性的文字。然后用GetCallbackResult()方法中将结果传回到客户端。完整的页面逻辑代码如下: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;publicpartialclassCallBackExample:System.Web.UI.Page,System.Web.UI.ICallbackEventHandler{//定义一个字符串,回调的结果信息将保存在该字符串中privatestringresult;//引发回调事件处理publicvoidRaiseCallbackEven
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025-2030年中国硅藻泥行业前景趋势调研及发展战略分析报告
- 2025-2030年中国真丝丝巾产业市场运行趋势及投资战略研究报告
- 2025-2030年中国电镉行业发展状况及营销战略研究报告
- 陕西财经职业技术学院《工业通风与除尘技术》2023-2024学年第二学期期末试卷
- 西昌学院《材料力学类》2023-2024学年第二学期期末试卷
- 泰州学院《分布式数据库系统》2023-2024学年第二学期期末试卷
- 湖南吉利汽车职业技术学院《桥梁施工技术》2023-2024学年第二学期期末试卷
- 上海立达学院《广告策划与新媒体设计》2023-2024学年第二学期期末试卷
- 苏州幼儿师范高等专科学校《医学生物化学B》2023-2024学年第二学期期末试卷
- 湖南电气职业技术学院《高级数据库技术》2023-2024学年第二学期期末试卷
- 高分子材料完整版课件
- excel表格水池侧壁及底板配筋计算程序(自动版)
- DB1301∕T 369-2021 设施蔬菜有机肥替代化肥技术规程
- 商业写字楼运营费用
- 完整版:美制螺纹尺寸对照表(牙数、牙高、螺距、小径、中径外径、钻孔)
- FEMA:潜在的失效模式及影响分析解析课件
- 三腔二囊管的应用和护理--PPT课件 (3)
- 流体力学第二版蔡增基课件
- 英语书写模板
- 湖北省机关事业单位劳动合同制工人
- 云南省普通初中学生成长记录.doc
评论
0/150
提交评论