基于Ajaz技术B%2fS体系架构系统的研究和设计.pdfVIP

基于AjaX技术B／S体系架构系统的研究与设计 郭元1，2 周国祥1 1合肥工业大学计算机与信息学院，安徽合肥230009 2安徽新华学院信息工程学院，安徽合肥230088 摘要： Ajax技术使客户端与服务器通讯时间缩短，服务器响应后可以在不刷新整个页面的情况下 获取数据， 用户响应快，从而适应交互性强的应用需求。 本文在详细介绍Aja)c技术的特点及应用方式 的基础上， 探讨了其在保险经纪业务管理系统中的应用， 展示了该技术在改善人机交互手段上的强大 特性。 XML保险经纪业务管理系统 关键词：AjaxJaVaSript 1绪 论 B／S(浏览器／服务器)模式以其减轻客户端的负担、维护简单成为广大网络用户最常采用的结构。在B／S 架构下，浏览器与服务器的通信是同步的，即用户在浏览器触发一个动作，浏览器根据当前页面状态向web 服务器发出HTTP请求，服务器接收到请求后，分析请求内容，进行数据处理等一些操作之后，将一个响应 返回给客户端，浏览器则根据响应的内容刷新用户界面。在这种工作模式下，由于HTML提供的基本部件的 局限性，用户界面没有了丰富的交互性，且在传统web应用中，与服务器交互需要完全刷新页面。这都为用 户的操作带来了不便。随着网络技术的发展，Aja)(技术的出现，给传统web应用注入了新的活力，这种使 J。 用同步请求响应方式而导致的实时性差的问题Il 目前，Aja)(已经被成功应用于google、gmail、Amazon等门户、邮件网站上，“Google Maps”就是采用AJAx技术的两个典型例子。 2AjaX概述 and Aja)(仝称为“AsynchronousJaVaScript Model进行 异步数据交换；使用JavaScript将所有的东西绑定在一起。 2．1Ajax技术的实现 在传统的web模型中，Aja)(在客户端与服务器之间引入一个中间媒介，即用户的浏览器在执行任务时 擎允许用户与应用软件之间的交瓦过程异步进行，独立于用户与网络服务器间的交流，从而消除了网络交 互过程中的处理一等待一处理一等待缺剧2训。基于Aja)【的web应用模型如图l所示。 浏览器中Aja)(应用的工作方式如下： (1)XMLH郇Request对象： Aia)c最核心的部分就是XMLH郇Request对象的使用，通过此类，可 以做到无需提交表单就可以实现与服务器的连接：无需刷新整个页面，就 ，智山啊州}ipt谰埘·t瑚．·bs·鼍獬 可以动态更新页面中一部分的内容。xMLHnpRequest通常使用xML作 由三=芦 为数据交换的载体，但也可使用其他的载体，如纯文本。简单来说，就是 ●^J^x引擎l 麓l l 通过xMLHttpRequest发送信息给服务器，异步接收服务器处理并返回信 mrTP请求Hrn=I传囊禽撇．教辑 息，然后通过JaVaScript动念更新页面的部分内容15’6J。 (2)具体步骤： =I耽B和／成xML服务器l 一般来说，一个简单的客户端的请求过程如下l卜．oJ： ：。 ； f ◆首先，定义一个伞局