文档介绍:种种AJAX要领的使用比力阅读目录开始第一代技能:生成客户端署理脚本调用办事端新技能的改造偏向第二代技能:jQuery直接调用WebService第三代技能:更简单的数据格式第四代技能:直接提交表单多submit按钮的提交()批量输入控件的提交()提交庞大表单()种种AJAX开发要领的比拟与总结相关链接AJAX技能经过这么多年的生长,出现了一些框架或类库用于简化开发事情,差别的框架类库的使用要领也各不相同。现在,再转头看看这些技能,看看这些框架类库,我们能感觉到技能在不绝地生长,AJAX开发越来越容易了。平台上,一些具体代表性的AJAX开发要领,我将用实际的示例代码来演示如何使用它们,让您感觉AJAX的进化历程,同时也希望将一些优秀的AJAX开发要领介绍给您。为了方便地介绍这些AJAX开发要领,我将它们分别为四代技能。注意:按代分别AJAX技能纯属我小我私家的看法,只为了更好了区分它们。别的,一些不借助任何框架类库的原始AJAX开发要领,本文将不讨论它们。第一代技能:生成客户端署理脚本调用办事端这类技能展示了第一代的AJAX框架的主要设计思想:在办事端为客户端生成署理脚本,然后由这些署理脚本调用办事端,调用者可以不必知道整个调用历程是如何实现的,并且在客户端的调用气势派头也根本与办事端的代码类似。这类技能的代表作有:AJAX,AjaxPro二个办事端框架。AJAX框架来演示如何进行AJAX开发。首先,我们可以创建一个WebService办事:[WebService(Namespace="/")][WebServiceBinding(ConformsTo=)]//AJAX从脚本中调用此Web办事,请取消对下行的注释。[]lassWebService1:{[WebMethod]publicintAdd(inta,intb){returna+b;}这段代码就是一个普通的WebService代码,唯独需要注意的是:在类的界说上加了一个ScriptService修饰特性。接下来,我们还需要在一个ASPX页面中,用ScriptManager为它生成客户端的署理脚本:<asp:ScriptManagerID="ScriptManager1"runat="server"><Services><asp:ServiceReferencePath="/"InlineScript="true"/></Services></asp:ScriptManager>说明:InlineScript="true"的设置并不是必须的,只是为了让我们看到ScriptManager到底生成了什么代码。从截图可以看到,除了引入了二个须要的AJAX客户端类库外,还在客户端为WebService1生成了署理脚本。有了这些代码后,我们可以用下面的JavaScript代码调用办事端:functionCall_Add(){(1,2,ShowResult);}functionShowResult(result){("output").value=result;}前面这个示例太简单了,再来个参数庞大的示例吧,照旧从先办事端开始,先界说一个参数类型:lassCustomer{publicstringName{get;set;}publicintAge{get;set;}publicstringAddress{get;set;}publicstringTel{get;set;}publicstringEmail{get;set;}}WebSerice的代码:[WebMethod]publicstringAddCustomer(Customercustomer){if(customer==null)return"customerisnull.";//简单地返回一个XML字符串。//报告客户端:办事端收到了什么样的数据。(customer,);}仍然借用前面的ScriptManager设置,来看JavaScript的调用代码:functionCall_AddCustomer(){varcustomer={Name:("txtName").value,Age: