概述ASP.NET AJAX

开发 后端
本文介绍现在ASP.NET AJAX框架允许我们使用类似服务器端那种组件式的编程模式来进行客户端编程。

以组件的思想重新审视ASP.NET AJAX客户端开发

在进入主题之前,我想和大家一起再来看一下本文章系列***篇中的一个Demo:ASPNETAJAXTest。我现在将其中的客户端代码重新贴在这里。

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:ScriptReferencePath="~/ajax.js"/>   Scripts>   <Services>   asp:ServiceReferencePath="~/SayHelloService.asmx"/>   Services>   asp:ScriptManager>   <div>   inputid="btnSayHello"type="button"value=
"SayHello"
onclick="btnSayHello_onClick()"/>   divid="result">div>   </div>   </form>   </body>   </html> 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.


ajax.js:

//单击btnSayHello时调用的JS函数  
functionbtnSayHello_onClick(){  
SayHelloService.SayHello(OnSucceeded,OnFailded);  
}  
//成功时的回调函数  
functionOnSucceeded(reusltText){  
$get("result").innerHTML=reusltText;  
}  
//失败时的回掉函数functionOnFailded(error){  
$get("result").innerHTML="调用失败。错误信息:"+error.get_message();  

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.


这是一种我们很熟悉的JavaScript编程模式:以DOM操作为基础。在这种编程模式下,所有页面元素被看成一个树状的DOM元素集合,不论是取得数据还是改变页面元素的属性,都要使用相应的DOM操作。例如我们要取得某个文本框中的值,则首先使用 document.getElementById(在ASP.NET AJAX框架里可以缩写为$get)方法取得这个文本框的DOM引用,然后获取其value属性的值。

这种编程模式,很容易给我们造成困惑,例如文本框、复选框、提交按钮、普通按钮的DOM表示都是“input”元素,另外还要使用如innerHTML这样不是很直观的名字设置div或span的值。其实对于开发人员,尤其是长期从事服务器端开发的人员来说,我们更希望将文本框看做TextBox,将复选框看做CheckBox,将按钮看做Button,将div或span看做Label,而且,我们更希望使用label1.text这样的语句设置div中的文本,而不是使用innerHTML。

幸运的事,ASP.NET AJAX的开发人员显然考虑到了这一点,现在ASP.NET AJAX框架允许我们使用类似服务器端那种组件式的编程模式来进行客户端编程。

【编辑推荐】

  1. 浅谈ASP.NET MVC框架
  2. 介绍ASP.NET MVC中的MvcAjaxPanel
  3. ASP.NET MVC框架拯救UpdatePanel
  4. 用ASP.NET MVC源代码寻找解决方案
  5. ASP.NET MVC框架的ActionInvoker
责任编辑:佚名 来源: IT168
相关推荐

2009-07-22 15:58:52

ASP.NET AJA

2009-07-20 10:16:13

配置ASP.NET A

2009-07-29 15:53:22

ASP.NET AJA

2009-07-21 09:18:02

UpdatePanelASP.NET AJA

2009-07-22 17:45:35

ASP.NET教程

2009-07-28 17:17:19

ASP.NET概述

2009-07-24 13:41:15

ASP.NET AJA

2009-07-22 16:11:43

ASP.NET AJA

2009-07-22 16:25:41

ASP.NET AJA

2009-07-22 16:05:34

ASP.NET AJA

2009-08-05 13:58:26

ASP.NET Mem

2009-07-23 16:55:55

ASP.NET特点

2009-07-29 13:04:59

2009-07-27 15:52:21

ASP.NET特点ASP.NET概述

2009-07-31 13:24:43

ASP.NET AJA

2009-07-29 13:50:26

UpdatePanelASP.NET

2009-07-28 09:02:32

asp.net aja

2009-08-04 16:46:58

ASP.NET内置Ht

2009-08-04 15:22:33

ASP.NET缓存机制

2009-07-23 10:52:38

点赞
收藏

51CTO技术栈公众号