外文翻译-ajax和server-side技术

外文原文来源MASTERINGAJAX14AUG2007FROMOREILLYMEDIAINC3AJAXANDTHESERVERSIDETECHNOLOGIESTHUSFAR,THISBOOKHASALREADYESTABLISHEDTHATTHEMAJORDIFFERENCEBETWEENTHEWAYSERVERSIDETECHNOLOGIESNORMALLYWORKTHE“ADDDATASENDWAIT”MODELANDTHEWAYINWHICHAJAXWORKSBYCALLINGTHESERVERASYNCHRONOUSLYISTHEPRIMARYWAYINWHICHAJAXALTERSTHETRADITIONALPATTERNOFWEBPAGEUSAGEAJAXISNTRESTRICTEDTOJUSTONEPATTERNOFUSAGE,ANDINCHAPTER9YOUWILLSEEHOWTHEREAREVARYINGPATTERNSBYWHICHAJAXCANALTERTHEFLOWOFDATAFROMTHECLIENTTOTHESERVERTHEONESIMILARITYALLTHESEPATTERNSSHAREISTHATYOUARENOLONGERTIEDTOHAVINGTOEXPLICITLYSUBMITAFORMANDTHENWAITFORITSRESPONSELETSTALKALITTLEABOUTHOWFORMSANDHTMLCONTROLSAREUSEDINTHEPAGEFORMSANDHTMLCONTROLSAJAXDOESNTALTERTHEFUNDAMENTALWAYINWHICHHTMLCONTROLSWORKANDTHEWAYINWHICHDATAISRETRIEVEDFROMTHEMYOUSTILLHAVEASETOFHTMLCONTROLSSUCHASDROPDOWNLISTS,RADIOBUTTONS,CHECKBOXES,TEXTBOXES,ANDTEXTAREAS,ANDTHESEARESTILLSUBMITTEDTOTHESERVERTHESERVERPICKSTHEMUPINTHESAMEWAYTHEREARETWOBIGCHANGES,HOWEVERTHEFIRSTISTHEWAYINWHICHTHESERVERSIDEPAGEISCALLED,ANDTHESECONDISTHEFACTTHATTHEHTMLFORMCANBECOMPLETELYREMOVEDFROMTHEPAGEORDOCTOREDTOSUCHANEXTENTTHATITDOESNTWORKINTHEEXPECTEDWAYLETSEXPLAINTHISBYFIRSTTAKINGACLOSERLOOKATHOWTHEEXISTINGMODELOFSUBMITTINGAFORMTOTHESERVERSIDEWORKSTHEFORMSMODELOFSUBMISSIONWITHANYSERVERSIDETECHNOLOGY,THENORMALWAYOFSUBMITTINGAFORMISTOHAVEAFORMWITHABUTTONTHATISSUBMITTEDTOTHESERVERWHENTHEUSERCLICKSTHEBUTTONCLASSICASPANDPHPWOULDUSETHEFORMSACTIONATTRIBUTETOREDIRECTTHEUSERFROMANORIGINALPAGETOARESPONSEPAGETHEPROCESSINGISDONEONTHESERVERBEFORETHEUSERISREDIRECTEDTOANEWPAGE,ANDTHENEWPAGEISUSEDTODISPLAYTHEDATAFIGURE31ASPNETSUBTLYALTEREDTHISMODELBYREMOVINGTHEACTIONMETHODANDINCLUDINGARUNAT”SERVER”ATTRIBUTERATHERTHANMOVINGTOANOTHERPAGE,THEPAGEWOULDTHENPOSTBACKTOITSELFONCEAGAIN,THOUGH,THEPAGEISACTINGONTHEINTERVENTIONOFTHEUSERFIGURE32INASPNETMODEL,THENAVIGATIONBETWEENPAGESISMORECOMMONLYPERFORMEDBYRESPONSEREDIRECTORSERVERTRANSFERMETHODSONEOFTHEBIGGESTOBSTACLESFACEDBYNOVICESWHOWEREMOVINGFROMCLASSICASPTOASPNETWASGETTINGOVERTHISCONCEPTUALDIFFERENCETHISREMAINEDTHECOMMONMODEOFUSAGEUNTILAJAX,WHICHREINTRODUCEDTHEIDEAOFGETTINGTHESCRIPTTOSUBMITTHEPAGEINSTEAD,ARRIVEDTHEAJAX/JAVASCRIPTMODELOFSUBMISSIONTHEJAVASCRIPTMODELOFSUBMISSIONTHATAJAXUSESCHANGEDTHEMODELAGAINTHEFORMCANBEALTHOUGHITDOESNTHAVETOBECOMPLETELYREMOVEDFROMTHEMODELTHISMODELUSESJAVASCRIPTTOINTERCEPTACALLTOANEVENT,ANDWHENTHISEVENTHAPPENSSUCHASTHEUSERCLICKINGABUTTONORMAKINGASELECTIONINANHTMLCONTROL,THENTHECALLISPASSEDTOTHESCRIPTITISTHENLEFTTOTHESCRIPTTOINITIATETHECALLTOTHESERVEROFCOURSE,THESCRIPTDOESNTHAVETOIMMEDIATELYSUBMITTHEDATAITCANWAITFOROTHERCONDITIONSANDCRITERIATOBESATISFIEDBEFORESUBMITTINGTHEDATAALSO,INTHISMODEL,BECAUSETHESCRIPTCANRESPONDIMMEDIATELYTOTHEEVENTANDDOESNTHAVETOWAITTOBEEXPLICITLYSUBMITTED,THERETURNOFDATAFROMTHESERVERDOESNTHAVETOBEIMMEDIATELYVISIBLETOTHEUSEREITHERTHESCRIPTISNTTIEDDOWNBYHAVINGTOWAITFORTHERESPONSEFROMTHESERVERSIDEONWARDJAVASCRIPTISUSEDTOCOMMENCETHECLIENT/SERVERINTERACTIONLETSNOWMOVEOVERTHEDIVIDEANDTALKABOUTWHATHAPPENSTOTHEDATAWHENITARRIVESATTHESERVERBECAUSEEACHSECTIONOFTHEPROCESSISHANDLEDQUITEDISTINCTLY,YOUCANSLICEUPEACHSECTIONANDEXAMINEITALMOSTINDEPENDENTLYFROMTHEOTHERSECTIONSYOUCANTHINKOFTHESECTIONSASBLACKBOXESTHEYREQUIREAPARTICULARINPUT,ANDTHEYWILLPROVIDEAPARTICULAROUTPUT,ALTHOUGHWHATGOESONINSIDECANBECOMPLETELYDIFFERENTFOREXAMPLE,CONSIDERACASHPOINTORATMYOUINSERTYOURCARDINTOIT,YOUENTERAPERSONALIDENTIFICATIONNUMBERPIN,ANDTHENYOUEXPECTTOGETMONEYANDPOSSIBLYARECEIPTOUTOFTHEMACHINETHEREARETHOUSANDSOFATMSACROSSTHECOUNTRY,BELONGINGTOMANYDIFFERENTBANKSSOMEWILLCHARGEFEES,SOMEWILLPROVIDEYOUWITHTHEABILITYTOCHECKYOURBANKINGDETAILS,OTHERSWONTDOMORETHANJUSTPROVIDECASHTHEYWORKINMANYDIFFERENTWAYS,BUTTHEYHAVETHESAMEINTERFACETHROUGHWHICHYOUCANCOMMUNICATETHESERVERSIDESECTIONOFACLIENT/SERVERTRANSACTIONWORKSINMUCHTHESAMEWAYASTHISHYPOTHETICALBLACKBOXORATMITWILLRECEIVETHEDATAFROMTHEHTTPREQUESTAND,ULTIMATELY,AFTERPROCESSINGTHISDATA,ITMUSTPROVIDEDATABACKINTERMSOFASERVERRESPONSESUBMITTINGDATATOTHESERVERWHILETHEREARESEVERALMETHODSFORSUBMITTINGDATATOTHESERVER,LETSFOCUSONLYONTHEXMLHTTPREQUESTOBJECTTOSUBMITDATATOTHESERVERUSINGTHISOBJECT,THEREARETHREESTEPSINVOLVED1SETTHEEVENTTHATTRIGGERSWHENTHEDATAISRECEIVED2CALLTHEOPENMETHODALONGWITHTHEREQUEST3SENDTHEREQUESTAJAX和SERVERSIDE技术这个时候你可以认为AJAX都是运行在客户端的。在对AJAX最初的定义中，“从服务器输入”的条款是重要的说明。实际上，很多开发者会认为一个用XMLHTTPREQUEST去更新页面而不从服务器输入APPLICATION根本不会是AJAXAPPLICATION。到目前为止，探讨的时候已经避免对客户端的另一端的讨论服务器端。实际上，虽然，这相当于用一部电话与人会话但无法听到电话另一端的人说话。实际上，这本书的前两章没有用到任何服务器端的代码。这是一个不能继续的事务的声明。在关于告诉你使用哪种服务器端技术上，这本书的最初目标是不可获知和矛盾的。实际上，在这个章节的论述中假设你已经做好了选择；因此，告诉你作者更偏爱哪一个只会变得矛盾。使用AJAX技术最大的优势之一是你应该能够轻松地将服务器端技术融合到AJAXAPPLICATION中。这个章节证明了这点。把AJAX阅读THEXMLHTTPREQUESTOBJECT和服务器连接的方法基本上和其他技术是一样的。但是一旦信息已经到达，AJAX连接服务器的方法就和其他方法有些不同了。很显然在这个章节中不可能接触到所有的服务器端技术，所以作者选择了三个最为普遍和与AJAXDEVELOPER关联最大的技术ASPNET、PHP和JAVA。如果你使用另外一种技术，你应该能够参照这里的模式并且收集如何能够将信息取回。这里的论述没有太深入地介绍大量的有关每种技术都是如何运行的细节，也没教给你入口和出口的语法和用法。在一定程度上，这个章节减慢了进度并且扩展了AJAXAPPLICATION如何融合其他技术和特别的服务器端技术怎样接替信息和数据的实例，它能够应用在这个应用中，返回到客户端。AJAX和SERVERSIDE技术迄今为止，这本书已经确定了服务器端技术通常的运行方式ADDDATASENDWAIT模型和AJAX改变传统模式网页使用时主要的运行方式（通过不同时地向服务器发送请求）的主要区别。AJAX在网页使用上并不只限于一种模式，在第九章你将看到AJAX有很多种模式并且各种模式都是如何改变数据从客户端传递到服务器端的流程的。这些模式中所共有的相似之处是你不一定要精确地提交一个表单并等待它的响应。让我们稍微讨论一下表单和HTML控制器在页面中是如何使用的。表单和HTML控制器AJAX不会改变基本的HTML控制器的运行方式和从HTML控制器接收数据的方式。你仍然有一组HTML控制器（例如下拉菜单、单选按钮、复选框、文本框和文本区），并且这些仍然是提交到服务器。服务器以同样的方式读取到它们。然而，还是有两个很大的变化。第一个是服务器端的请求方式，第二个是HTML表单能够完全地从页面移出或者在特定的条件下不会生效。让我们深入解释一下现有的表单是如何向服务器提交的。表单的提交方式在任何一种服务器端技术中，表单的提交方式是当我们点击表单中的提交按钮时，表单提交到服务器。典型的ASP和PHP会用表单的ACTION属性将表单从最初的页面重定向到响应页面。在用户重定向到另一个页面之前这个处理就已经在服务器端完成了，并且新的页面用于存放数据。ASPNET精确地通过移除ACTION方法并包含一个RUNAT“SERVER”改变了这个模型。胜于移动到另外一个页面，这个页面会传递回它自己的位置。再一次，虽然，这个页面对用户起着干涉的作用。在ASPNET模型中，页面之间的导航一般都是由RESPONSEREDIRCT或SERVERTRANSFER方法来完成。最大的障碍之一是初学者从原始的ASP到ASPNET的概念性的差异的过渡。它保持着通常模式的用法直到出现了AJAX，它再提出了使用脚本来提交页面的观点。AJAX/JAVASCRIPT模型的提交AJAX使用的JAVASCRIPT模型提交数据再一次改变了这个模型。表单能够完全地从模型中移出（虽然不一定要那样做）。这个模型使用JAVASCRIPT来打断对一个事件的访问，当这个事件发生时（例如用用户在HTML控制器中用户点击一个按钮或者做一个选择），然后这个请求传递给脚本。然后到脚本开始到服务器的请求。当然，脚本不一定要马上提交数据。它可以等到其他条件和标准达到要