Ajax技术在高校学生管理系统的应用

　　中图分类号：G64 文献标识码：A 文章编号：1674-098X（2014）04（a）-0148-01

　　随着Web技术的发展，B/S模式的应用系统本着硬件要求低、开发速度快、用户操作方便等特点，更多的高校学生管理系统都采用此模式开发应用程序。但在传统模式下开发的Web应用程序使用过程中浏览器的局限性、网络传输延迟等问题就显现出来，用户在访问Web页面时修改几处信息，服务器便会发回整个文档，并且重新加载整个页面，这虽然是可行的，但大量重复、不必要的信息在网络中进行传输，不仅降低了用户浏览速度，还浪费了网络带宽，更使用户体验变差。Ajax技术的出现就很好的解决了这一问题，在Web开发过程中，它被越来越多的Web开发者所接受，并将其应用到应用程序之中实现页面的局部刷新，提高数据的传输效率和用户体验。

　　1 相关技术简介

　　1.1 Ajax的工作原理

　　Ajax是异步的JavaScript与XML技术的简称，它主要实现页面的局部刷新，是在浏览器与服务器之间加了一个中间层。如图1。

　　用户向服务器提交请求时，先要将数据信息发送到Ajax中间层，由Ajax中间层来判断请求的类型，如果只是简单的数据验证例如数据的确认、在内存中编辑数据等，则无需服务器进行处理，Ajax中间层便会处理。如果必须由服务器读取数据信息例如重新组织数据、需要服务器处理的数据等，则Ajax中间层将请求提交给服务器，服务器只将少数进行处理回返给客户端。在整个请求过程中，用户在浏览器上的操作都是由Ajax中间层来进行处理，网络传输的仅是异步交互的数据，而不是整个页面数据。这极大缩短了用户等待时间，减少了服务器的访问压力。Ajax中间层主要包含以下几个特征：[1]

　　（1）使用XHTML+CSS标准化呈现。

　　（2）运用JavaScript操作DOM（Document Object Model）实现动态显示和交互。

　　（3）运用XML和XSLT绑定和处理所有数据。

　　（4）运用XMLHttpRequest对象进行异步数据读取。

　　（5）使用JavaScript绑定和处理所有数据。

　　1.2 MVC结构

　　MVC（Model-View-Control）即模型-视图-控制器。在这种结构中，所有请求的目标都是servlet，它充当应用程序的控制器。servlet分析请求并将产生响应所需要的数据收集到JavaBeans对象中，该对象作为应用程序的模型。最后servlet控制器将请求转发到JSP页面。这些页面使用存储在JavaBeans中的数据产生响应。因此，JSP页面构成了应用程序的视图。MVC结构主要目的是实现Web应用程序的职能分工，将业务逻辑、用户界面和控制器分离，每层能够都独自的开发，实现低耦合便于系统的维护和扩展。而控制器提供了应用程序的单一入口，提高了系统的安全性，并且这些servlet组件可以根据需要实现重用，提高了系统的开发速度[2]。

　　2 Ajax技术在高校学生管理系统的应用

　　在高校学生管理系统中，由于学生在开学初期，都会集中在某一时间段进入到学生管理系统中来查询成绩、选择课程、发布信息等操作，如果采用传统设计方法会使服务器负载增大，甚至服务器瘫痪。为此，将Ajax技术引入到系统的开发中，实现网页的部分内容的刷新，减少网络数据信息传输量，改善学生使用系统的体验，在升级的系统中主要有三类处理通过Ajax进行实现，分别是用户登录、分页显示。以下对这两类处理的实现进行分别介绍。

　　2.1 用户登录

　　升级前的学生登录系统主要采用MVC结构，学生在JSP页面中输入学号和密码，servlet应用程序根据需要将表单提交到JavaBean程序中与数据库中的数据信息进行验证是否一致，将结果重新返回给JSP页面显示给学生。升级前的处理与Ajax技术的区别就是在验证与返回。传统处理，无论是否一致，都会将整个页面进行刷新，而Ajax技术将少量信息通过数据库进行验证。例如，学生进行登录时，填写的学号和密码信息与数据库存储的数据信息相同，学生页面只将局部进行刷新，而不是整个页面。

　　2.2 分页显示

　　升级前的学生登录系统分页显示，学生发出请求信息后，服务器都会将新的页面返回给学生，将用户浏览器页面整个进行更新，而有很多的重复信息，如果图片、文字等，都会进行重新加载，这会浪费时间和带宽去重新读取整个页面，影响学生体验。而采用Ajax技术分页显示数据信息将服务器返回页面运用DOM进行更新网页，这不仅防止整个网页的刷新，减少数据信息的重复加载，提高了数据信息显示速度，减少学生等待时间。

　　3 结语

　　Ajax带给我们不仅是页面刷新的一种技术，而更多的是以人为本的理念，它很好的解决了数据信息重复、占有带宽资源、响应时间长等诸多问题，还使用户体验度得到提升。实践证明，运用Ajax技术的学生管理系统，学生请求与服务器响应都能实现高效的异步交互，降低了服务器的负载，使服务器能正常进行响应。

本文链接：http://www.qk112.com/lwfw/jiaoyulunwen/gaodengjiaoyu/201551.html