Ajax技術在網站開發中的應用研究

王建國（陽泉師范高等?？茖W校，山西 陽泉 045200）

?

Ajax技術在網站開發中的應用研究

王建國
（陽泉師范高等?？茖W校，山西 陽泉 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