Ajax编程技术 第三章 Ajax和服务器端技术.pdf

Ajax编程技术 第三章 Ajax和服务器端技术 3.1 概述 如果只使用XMLHttpRequest更新页面，而不使用 任何来自服务器输入的技术，不能称之为Ajax 。 使用Ajax 的最大优势之一就是，可以为Ajax应用程 序选择自己偏爱的服务器端技术，如ASP.NET, PHP, Java 等。 对于每种服务器端技术来说，Ajax 读取 XMLHttpRequest 对象与服务器通信的方式基本上是相 同的，但服务器接收到信息后的处理方式就个不相同 了。 3-2 中国科大《Ajax编程技术》 3.2 Ajax和服务器端技术  表单和HTML控件 Ajax并未改变HTML控件的工作方式和从其获得数 据的方式，服务器也采用以往的方式来接收它们。但是 有两个问题：  调用服务器端页面的方式；  HTML表单完全从页面中删除或修改后，不能按预期 方式工作。我们分别解释。 3-3 中国科大《Ajax编程技术》 3.2 Ajax和服务器端技术  传统的表单的提交模型 提交表单的做法通常是建立一个带有按钮的表但，用户输入完 数据后单击按钮后，就将此表单提交给服务器。 传统的ASP和PHP使用表单的ACTION属性将用户从原始页面 重定向到响应页面。该处理是在用户被重定向新页面之前在服务器 上完成，新页面用来显示相应的响应数据。 Request.php Response.php form 用户单击按钮 服务器 服务器 服务器 Button 提交数据 进行处理 返回数据 返回数据 Button /form 浏览器显示的原始页面 提交后浏览器重新定向的页面 3-4 中国科大《Ajax编程技术》 3.2 Ajax和服务器端技术 在Ajax之前，我们使用的都是这种传统的提交、重定向模式； 而Ajax提出了使用脚本提交页面的思想。  Ajax/JavaScript提交模型 Ajax使用的JavaScript提交模型在以前传统的提交模型基础上 进行了变化。在此模型中，表单可以可选地从模型中删除。 这种新的模型使用JavaScript截取事件调用，当该事件发生时 （如用户单击提交按钮），提交的数据传递给对应的脚本，然后有 脚本发起对服务器的调用。 脚本甚至不必马上提交数据，可以继续等待其它条件也满足后 再提交数据。 在该模型中，因为脚本可以立即响应事件且不必等待数据的提 交，所以从服务器返回的数据也不必马上显示给用户，而脚本也不 必像以前一样被动等待服务器的响应。 3-5 中国