基于Ajax的高校综合门户管理系统的研究与应用.pdfVIP

第 2O卷第 4期 河 南 城 建 学 院 学 报 Vo1．2O NO．4 2011年 7月 JournalofHenanUniversityofUrbanConstruction Ju1．20l1 文章编号 ：1674—7046(2011)04—0054—03 基于Ajax的高校综合 门户管理系统的研究与应用 王军豪，刘艳杰 (河南城建学院计算机科学与工程系，河南 平顶山467036) 摘 要 ： 通过对 Ajax技术的研究，提 出了在传统 MVC框架的基础上应用该技术，有助 于减少用户的等待 时间，弥补 了在传统 Web应用中，数据 交互及响应效率低的 缺点 。Ajax结构清晰，功能明确 ，已成功应用到高校 门户管理系统 中。 关键词 ： MVC；Ajax技术；综合 门户管理 中图分类号 ： TP3l1 文献标识码 ：A 目前 ，大多数的管理系统 已经采用 MVC框架进行开发，结构清晰，开发方便 ，利于维护 ，但存在一个 问题 ，当使用 “请求一等待一响应 ”的Web浏览器模式时，在用户发出请求之后 ，服务器响应之前用户必 须等待 ，由于带宽或请求数量的原因，等待时间有时候是难 以忍受的。Ajax的出现 ，有效地改善了用户 等待时间过长的问题。Ajax是客户端开发技术 ，它采用异步数据传输方式来更新系统客户端数据 ，大 大提高了系统的客户端表现。本文结合 MVC模式将 Ajax技术应用到高校综合 门户管理系统 中。 1 Ajax技术简介 异步 JavaScript和 XML(AsynchronousJavaScriptandXML，Ajax)并不是一门新 的语言 ，它是通过巧 妙组合 HTML、DHTML、JavaScript以及 DOM等技术形成的一种新 的Web应用… ，是一种能 以异步方式 与服务器进行交互 的客户端 Web开发技术 。 Ajax的工作原理是通过在浏览器和服务器之间增加一个中间层 ，从而实现用户请求和服务器响应 的异步通信…。这个中间层是 由Ajax引擎实现的，Ajax的核心是 JavaScript对象XMLHttpRequest，它支 持异步发送请求 ，Ajax通过调用 xMLHttpRequest对象的属性和方法与服务器端进行交互 ，然后再通过 DOM(DocumentObjectMode1)来解析 XML文档和部分更新 HTML页面的内容。这样 ，当用户通过浏览 器发送请求时，数据将发送给 Ajax应用。Ajax引擎捕获用户输入的数据 ，然后向服务器发送请求 ，而浏 览器不用等待服务器的响应 ，可以继续输入数据。服务器处理完请求后返回结果并改变 HTTP的就绪 状态，Ajax引擎会调用相应 的回调 函数来接受这些处理结果并将它们更新到指定部分 ，浏览器无需刷 新就能更新页面的部分内容 ，这样 ，用户就会感觉到应用程序是立即完成 的，页面不需要刷新而页面的 内容就发生了部分改变 ，动态地显示了处理的结果 ，看起来就像 即时响应一样 。使用 Ajax技术后 ，在 整个交互 的过程 中，将无需页面的跳转。 2 基于Ajax的 MVC模式 在采用传统 的MVC设计模式实现的Web应用 中，视图层接受用户请求之后 ，根据控制层的设定选 择模型进行处理，然后再根据控制层的设定选择视图并更新显示 的数据。所有应用功能在服务器端完 成 ，并返 回一个 内容完整 的静态页面 。客户端每发送一次请求 ，就必须刷新整个页面 ，提交整个页面 的 数据 ，降低了Web应用的执行速度 ，增加了服务器的负担 。在 “请求一响应”的过程中，存在等待时间过 长 、出现空 白页等弊端。 收稿 日期 ：2011—05—02 第一作者简介 ：王军豪(1981一)，男，河南平顶山人 ，硕士 ，河南城建学院计算机科学与工程系助教。 第 20卷第 4期 王军豪 ，等 ：基于 Ajax的高校综合门户管理系统的研究与应用 55 引进 Ajax技术 ，使得页面数据能够以异步的方式发送 ，达到实时刷新、减轻服务器负担 的效果 。在 MVC模式的Web系统中，Ajax引擎处于客户端表示层 中，在异步方式下直接访 问控制器的相应接 El， 获取系统数据 ，在不刷新浏