ASP.NET AJAX举例分析

本篇内容主要讲解“ASP.NET AJAX举例分析”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“ASP.NET AJAX举例分析”吧!

首先看一下aspx页面：

Default.aspx:

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"＞  
＜htmlxmlns="http://www.w3.org/1999/xhtml"＞  
＜headrunat="server"＞  
＜title＞UntitledPagetitle＞  
head＞  
＜body＞  
＜formid="form1"runat="server"＞  
＜asp:ScriptManagerID="ScriptManager1"runat="server"＞  
＜Scripts＞  
＜asp:ScriptReferenceAssembly="Microsoft.Web.Preview"Name="PreviewScript.js"/＞  
＜asp:ScriptReferencePath="~/ajax.js"/＞  
Scripts＞  
＜Services＞  
＜asp:ServiceReferencePath="~/SayHelloService.asmx"/＞  
Services＞  
asp:ScriptManager＞  
＜div＞  
＜inputid="btnSayHello"type="button"value="SayHello"/＞  
＜divid="result"＞div＞  
div＞  
form＞24body＞25html＞ 

这里有两处变化，一是在ScriptManager控件里增加了对PreviewScript.js的引用。这里要注意，客户端组件的内容并不包含在ASP.NET AJAX1.0正式版里，而是包换在ASP.NET AJAX Futures CTP部分。所以，要使用这些功能，首先要添加对Microsoft.Web.Preview.dll文件的引用，这个文件在ASP.NET AJAX Futures CTP的安装目录里，然后要在页面中添加对PreviewScript.js文件的引用。

第二个变化是这里的btnSayHello已经没有了onclick属性，那么如何知道单击这个按钮的时候需要执行何种代码呢？答案在js文件里。

ajax.js:

var btnSayHello;  var lblResult;    Sys.Application.add_init(onPageInit);    function onPageInit()  {     btnSayHello=new Sys.Preview.UI.Button($get("btnSayHello"));      btnSayHello.initialize();      lblResult=new Sys.Preview.UI.Label($get("result"));    lblResult.initialize();    btnSayHello.add_click(btnSayHello_onClick);  }  function btnSayHello_onClick(){      SayHelloService.SayHello(OnSucceeded,OnFailded);  }function OnSucceeded(resultText){      lblResult.set_text(resultText);  }function OnFailded(error){    lblResult.set_text("调用失败。错误信息："+error.get_message());}

我们看到，应用组件编程思想后，JavaScript发生了巨大的改变。不着急，我们一步一步解析这个文件。

最顶上是定义了两个全局变量，这两个变量将分别存储对btnSayHello和result的引用。之所以要定义成全局变量，是方便在整个文件中调用两个控件。

Sys.Application.add_init(onPageInit);的作用是告诉页面当页面初始化时执行名为onPageInit的函数。

onPageInit是一个自定义函数，主要完成客户端控件的创建、初始化工作。以下面两行代码为例：

btnSayHello=new Sys.Preview.UI.Button($get("btnSayHello"));  btnSayHello.initialize();

***行我想大多数人一看就知道是什么意思，因为那个“new”实在太亲切了，这正是创建一个Button的实例，并将其赋给btnSayHello变量。其中Sys.Preview.UI.Button是Button的完全限定名，而大多数控件的构造函数都需要一个参数，用来指出这个控件要关联到的DOM 元素。而第二行是必须的，在实例化一个控件后，***马上调用initialize方法，避免一些奇怪的情况发生。

btnSayHello.add_click(btnSayHello_onClick);

上面这行代码是将控件的单击事件与btnSayHello_onClick这个函数关联起来。这里我要专门说一下ASP.NET AJAX客户端控件的属性及事件的设置方法。

ASP.NET AJAX框架规定，在获取一个控件的属性时，应使用“控件名.get_属性名()”这种方法，而设置时则是“控件名.set_属性名()”。为一个控件的某个事件添加监听函数时，应该用“控件名.add_事件名()”，移除时用“控件名.remove_事件名()”。这是ASP.NET AJAX强制执行的命名规范，所有的客户端控件都遵从这个规则，以后我们在开发自己的客户端组件时，也应该遵从这个规则。

到此，相信大家对“ASP.NET AJAX举例分析”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！