这篇文章主要讲解了“ASP.NET AJAX怎么理解”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ASP.NET AJAX怎么理解”吧!
创新互联建站-专业网站定制、快速模板网站建设、高性价比章贡网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式章贡网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖章贡地区。费用合理售后完善,十载实体公司更值得信赖。
以组件的思想重新审视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怎么理解这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!