这篇文章主要讲解了“ASP.NET AJAX怎么理解”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ASP.NET AJAX怎么理解”吧!
以组件的思想重新审视ASP.NET AJAX客户端开发
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>
ajax.js:
//单击btnSayHello时调用的JS函数 functionbtnSayHello_onClick(){ SayHelloService.SayHello(OnSucceeded,OnFailded); } //成功时的回调函数 functionOnSucceeded(reusltText){ $get("result").innerHTML=reusltText; } //失败时的回掉函数functionOnFailded(error){ $get("result").innerHTML="调用失败。错误信息:"+error.get_message(); }
这是一种我们很熟悉的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框架允许我们使用类似服务器端那种组件式的编程模式来进行客户端编程。
感谢各位的阅读,以上就是“ASP.NET AJAX怎么理解”的内容了,经过本文的学习后,相信大家对ASP.NET AJAX怎么理解这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。