Ajax技术在网站开发中的应用研究

王建国（阳泉师范高等专科学校，山西 阳泉 045200）



Ajax技术在网站开发中的应用研究

王建国
（阳泉师范高等专科学校，山西 阳泉 045200）

摘 要：随着Internet技术发展迅猛，对其与之关联的Web应用程序的复杂程度提出了更高的要求。文章基于传统Web应用存在的缺陷，以及Ajax技术具备异步交互的特征，对Ajax新技术具备的独特优势以及Ajax新技术的工作原理进行深入分析。并结合在线考试系统进行开发研究，该在线考试系统与 Ajax技术可以实现无缝衔接，在提高效率的同时，也为其它类似系统的开发提供一定的指导。

关键词：Ajax技术；Web2.0；开发框架；在线考试系统

Ajax技术和传统的Web应用存在差异，Ajax技术具有异步交互的特征。Ajax技术的不同之处在于其引入了中间媒介，该中间媒介改变了同步交互过程中所存在的缺陷。文章基于Ajax技术，研究了以往B/S模式系统所存在的不足之处，巧妙运用Ajax技术的优点，对其在Web系统中的应用进行深入探讨。

1　Ajax技术介绍

Ajax技术，指的是异步JavaScript＋XMLHttpRequest，该定义表明：可以在浏览器的JavaScript以及服务器间，对套接字通讯进行建立。Ajax技术就是一种新技术，可以改变B/S模式的Web应用开发。［1］Ajax技术主要包含如下五方面的内容：（1）选择XHTML以及CSS进行标准化的呈现；（2）选择 DOM，达到动态显示以及交互的效果；（3）数据的交换以及处理，选择XML以及XSLT进行操作；（4）异步数据的读取，选择XMLHTTPRequest进行操作；（5）全部数据的绑定以及处理，选择JavaScript进行操作。

1.1Ajax工作原理

该技术增加一个中间层，该中间层处于用户与服务器间，此举的目的是达到用户操作和服务器响应异步化的效果。该技术会选择性地将用户的请求发送至服务器，并不是所有的数据都要发送，比如说用户数据的验证以及数据处理等相关请求，该技术会将类似请求提交至Ajax引擎，仅仅依据引擎即可完成操作，当服务器对新数据进行读取时，Ajax引擎便发挥作用，向服务器发送用户的请求，这对于减小ISP的空间、带宽租用价钱来说，均是有利的。

1.2Ajax技术优势

（1）最大程度降低服务器本身的负担。Ajax技术可避免不必要的用户请求，这有利于降低服务器的运行负担；（2）刷新的不是整个页面。在页面内以及服务器中间进行通信。该特征显著降低了服务器的实际读取数据量。

2　在线考试系统的设计与实现

依据Web技术开发的在线考试系统，大幅度提高了考试组织与实施的工作效率，该考试系统具备了如下五方面的功能：（1）可以实时在线进行答题操作；（2）完成答题后，考试系统可以根据对应的标准答案进行自动阅卷并评分；（3）当输入相应考试难度系数等要求时，考试系统可以进行自动组卷，确保随机性、公平性；（4）每次考试阅卷结束，考试系统均可以将当次成绩进行存档，以便分析；（5）当学校想知道学生对于某一科的掌握情况，以及分数分布情况时，该考试系统还可对数据进行分析。

2.1系统总体架构及开发平台

在线考试系统的三层架构设计思路可以对考试系统的结构以及分工进行明确表示。将Microsoft Visual Studio.Net2003作为平台，以ASP.NET平台为基础，选择Ajax新技术，确保在线考试系统结构的稳定性，对于升级维护也是有利的。［2］在线考试系统包括三方面：（1）数据库；（2）数据访问层；（3）业务逻辑层。在线考试系统的运行环境为Windows，应用服务器确定为 IIS（Internet Information Server）， 选 择ASP.NET（C#）、SQL Server 2000进行开发。

2.2系统功能设计

该系统由六个功能模块组成：（1）用户登陆模块。该模块的主要作用是负责输入并识别用户登录的信息；（2）用户管理模块。该模块的主要作用对新老用户的个人信息进行添加与删除；（3）题库管理模块。该模块的主要作用是对题库进行管理，以便系统可准确生成试卷；（4）试卷管理模块。该模块的主要作用是对生成试卷进行管理，避免试卷信息丢失；（5）考生管理模块。该模块的主要作用是对考生作答信息、成绩信息进行管理；（6）在线答题模块。图1和图2分别表示了在线考试系统的模块划分和总体界面。

图1　系统模块划分图

图2　系统总体界面

用户登陆模块：用户登陆的过程就是对其个人信息进行验证的过程，得到用户的具体信息后，按照用户角色对用户的下一步操作页面进行显示。在线考试系统选择基于Forms的角色验证模式，这对于提高系统安全性是有利的。

用户管理模块：用户管理包括了四方面的功能：（1）用户管理功能；（2）角色管理功能。对不同角色进行管理；（3）角色权限管理功能。赋予不同角色的权限；（4）用户角色分配功能。对用户的角色进行合理分配。该模块中，权限最多的是管理员，可对新老用户的角色以及权限实现添加与删除。

题库管理模块：该模块可以实现新建、修改以及删除的操作，主要是针对不同的课程与题型，对于题型来说，又可以分为两方面：①知识点；②难度系数。

试卷管理模块：该模块可实现试卷参数的配置，针对各个班级对试卷进行分类管理。

考生管理模块：该模块可对考生的信息进行添加、修改以及删除等操作。

在线答题模块：在该模块中，可按照难度系数以及试卷总分等要求，随机生成一套试卷，具有科学合理性。考生答题时的每步操作，均能异步传输至服务器，经过服务器的处理，将返回至考生数据库。

3　结束语

文章对Ajax技术进行深入研究，开发设计的在线考试系统，该系统具备了异步交互的优势，可大大提高考试的组织与实施效率。该考试系统的成功研发与使用，对类似系统的设计与应用提供了一定的借鉴。

参考文献：

［1］王琦.基于AJAX技术的WEB开发模式的研究与应用［J］. 山西师范大学学报（自然科学版）. 2010（04）: 55-56.

［2］谭力，杨宗源，谢瑾奎.Ajax技术的数据响应优化［J］. 计算机工程. 2010（07）: 102-104.

（责任编辑：张时玮）

中图分类号：C39

文献标识码：A

doi:10.3969/j.issn.1672-7304.2016.01.072

文章编号：1672–7304（2016）01–0155–02

作者简介：王建国（1982-），男，山西阳泉人，讲师，研究方向：计算机应用。

The application of AJAX technology in web development

WANG Jian-guo
（Yangquan normal college， Yangquan Shanxi 045200）

Abstract:With the high-speed development of the Internet， and the complexity of the Web application is more and more high， the traditional Web application is increasingly difficult to meet the needs of users.In this paper the working process of the traditional Web application model and its faults， analyses the working principle of Ajax technology and its advantages and Ajax technology characteristics of asynchronous interaction.At the same time， studies the application of Ajax technology defects， propose solutions， technical offset.And developed a practical case - based on Ajax technology of "digital campus" online examination system， the whole system and Ajax technology perfect union， greatly improving the system performance， for the development of other similar system good trial work has been done.

Keywords:AJAX technology ； Web2.0 ； Development framework ； Online examination system