Ajax技術(shù)在網(wǎng)站開發(fā)中的應(yīng)用研究

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

?

Ajax技術(shù)在網(wǎng)站開發(fā)中的應(yīng)用研究

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

摘 要：隨著Internet技術(shù)發(fā)展迅猛，對其與之關(guān)聯(lián)的Web應(yīng)用程序的復(fù)雜程度提出了更高的要求。文章基于傳統(tǒng)Web應(yīng)用存在的缺陷，以及Ajax技術(shù)具備異步交互的特征，對Ajax新技術(shù)具備的獨(dú)特優(yōu)勢以及Ajax新技術(shù)的工作原理進(jìn)行深入分析。并結(jié)合在線考試系統(tǒng)進(jìn)行開發(fā)研究，該在線考試系統(tǒng)與 Ajax技術(shù)可以實(shí)現(xiàn)無縫銜接，在提高效率的同時(shí)，也為其它類似系統(tǒng)的開發(fā)提供一定的指導(dǎo)。

關(guān)鍵詞：Ajax技術(shù)；Web2.0；開發(fā)框架；在線考試系統(tǒng)

Ajax技術(shù)和傳統(tǒng)的Web應(yīng)用存在差異，Ajax技術(shù)具有異步交互的特征。Ajax技術(shù)的不同之處在于其引入了中間媒介，該中間媒介改變了同步交互過程中所存在的缺陷。文章基于Ajax技術(shù)，研究了以往B/S模式系統(tǒng)所存在的不足之處，巧妙運(yùn)用Ajax技術(shù)的優(yōu)點(diǎn)，對其在Web系統(tǒng)中的應(yīng)用進(jìn)行深入探討。

1　Ajax技術(shù)介紹

Ajax技術(shù)，指的是異步JavaScript＋XMLHttpRequest，該定義表明：可以在瀏覽器的JavaScript以及服務(wù)器間，對套接字通訊進(jìn)行建立。Ajax技術(shù)就是一種新技術(shù)，可以改變B/S模式的Web應(yīng)用開發(fā)。［1］Ajax技術(shù)主要包含如下五方面的內(nèi)容：（1）選擇XHTML以及CSS進(jìn)行標(biāo)準(zhǔn)化的呈現(xiàn)；（2）選擇 DOM，達(dá)到動(dòng)態(tài)顯示以及交互的效果；（3）數(shù)據(jù)的交換以及處理，選擇XML以及XSLT進(jìn)行操作；（4）異步數(shù)據(jù)的讀取，選擇XMLHTTPRequest進(jìn)行操作；（5）全部數(shù)據(jù)的綁定以及處理，選擇JavaScript進(jìn)行操作。

1.1Ajax工作原理

該技術(shù)增加一個(gè)中間層，該中間層處于用戶與服務(wù)器間，此舉的目的是達(dá)到用戶操作和服務(wù)器響應(yīng)異步化的效果。該技術(shù)會(huì)選擇性地將用戶的請求發(fā)送至服務(wù)器，并不是所有的數(shù)據(jù)都要發(fā)送，比如說用戶數(shù)據(jù)的驗(yàn)證以及數(shù)據(jù)處理等相關(guān)請求，該技術(shù)會(huì)將類似請求提交至Ajax引擎，僅僅依據(jù)引擎即可完成操作，當(dāng)服務(wù)器對新數(shù)據(jù)進(jìn)行讀取時(shí)，Ajax引擎便發(fā)揮作用，向服務(wù)器發(fā)送用戶的請求，這對于減小ISP的空間、帶寬租用價(jià)錢來說，均是有利的。

1.2Ajax技術(shù)優(yōu)勢

（1）最大程度降低服務(wù)器本身的負(fù)擔(dān)。Ajax技術(shù)可避免不必要的用戶請求，這有利于降低服務(wù)器的運(yùn)行負(fù)擔(dān)；（2）刷新的不是整個(gè)頁面。在頁面內(nèi)以及服務(wù)器中間進(jìn)行通信。該特征顯著降低了服務(wù)器的實(shí)際讀取數(shù)據(jù)量。

2　在線考試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

依據(jù)Web技術(shù)開發(fā)的在線考試系統(tǒng)，大幅度提高了考試組織與實(shí)施的工作效率，該考試系統(tǒng)具備了如下五方面的功能：（1）可以實(shí)時(shí)在線進(jìn)行答題操作；（2）完成答題后，考試系統(tǒng)可以根據(jù)對應(yīng)的標(biāo)準(zhǔn)答案進(jìn)行自動(dòng)閱卷并評分；（3）當(dāng)輸入相應(yīng)考試難度系數(shù)等要求時(shí)，考試系統(tǒng)可以進(jìn)行自動(dòng)組卷，確保隨機(jī)性、公平性；（4）每次考試閱卷結(jié)束，考試系統(tǒng)均可以將當(dāng)次成績進(jìn)行存檔，以便分析；（5）當(dāng)學(xué)校想知道學(xué)生對于某一科的掌握情況，以及分?jǐn)?shù)分布情況時(shí)，該考試系統(tǒng)還可對數(shù)據(jù)進(jìn)行分析。

2.1系統(tǒng)總體架構(gòu)及開發(fā)平臺(tái)

在線考試系統(tǒng)的三層架構(gòu)設(shè)計(jì)思路可以對考試系統(tǒng)的結(jié)構(gòu)以及分工進(jìn)行明確表示。將Microsoft Visual Studio.Net2003作為平臺(tái)，以ASP.NET平臺(tái)為基礎(chǔ)，選擇Ajax新技術(shù)，確保在線考試系統(tǒng)結(jié)構(gòu)的穩(wěn)定性，對于升級維護(hù)也是有利的。［2］在線考試系統(tǒng)包括三方面：（1）數(shù)據(jù)庫；（2）數(shù)據(jù)訪問層；（3）業(yè)務(wù)邏輯層。在線考試系統(tǒng)的運(yùn)行環(huán)境為Windows，應(yīng)用服務(wù)器確定為 IIS（Internet Information Server）， 選 擇ASP.NET（C#）、SQL Server 2000進(jìn)行開發(fā)。

2.2系統(tǒng)功能設(shè)計(jì)

該系統(tǒng)由六個(gè)功能模塊組成：（1）用戶登陸模塊。該模塊的主要作用是負(fù)責(zé)輸入并識(shí)別用戶登錄的信息；（2）用戶管理模塊。該模塊的主要作用對新老用戶的個(gè)人信息進(jìn)行添加與刪除；（3）題庫管理模塊。該模塊的主要作用是對題庫進(jìn)行管理，以便系統(tǒng)可準(zhǔn)確生成試卷；（4）試卷管理模塊。該模塊的主要作用是對生成試卷進(jìn)行管理，避免試卷信息丟失；（5）考生管理模塊。該模塊的主要作用是對考生作答信息、成績信息進(jìn)行管理；（6）在線答題模塊。圖1和圖2分別表示了在線考試系統(tǒng)的模塊劃分和總體界面。

圖1　系統(tǒng)模塊劃分圖

圖2　系統(tǒng)總體界面

用戶登陸模塊：用戶登陸的過程就是對其個(gè)人信息進(jìn)行驗(yàn)證的過程，得到用戶的具體信息后，按照用戶角色對用戶的下一步操作頁面進(jìn)行顯示。在線考試系統(tǒng)選擇基于Forms的角色驗(yàn)證模式，這對于提高系統(tǒng)安全性是有利的。

用戶管理模塊：用戶管理包括了四方面的功能：（1）用戶管理功能；（2）角色管理功能。對不同角色進(jìn)行管理；（3）角色權(quán)限管理功能。賦予不同角色的權(quán)限；（4）用戶角色分配功能。對用戶的角色進(jìn)行合理分配。該模塊中，權(quán)限最多的是管理員，可對新老用戶的角色以及權(quán)限實(shí)現(xiàn)添加與刪除。

題庫管理模塊：該模塊可以實(shí)現(xiàn)新建、修改以及刪除的操作，主要是針對不同的課程與題型，對于題型來說，又可以分為兩方面：①知識(shí)點(diǎn)；②難度系數(shù)。

試卷管理模塊：該模塊可實(shí)現(xiàn)試卷參數(shù)的配置，針對各個(gè)班級對試卷進(jìn)行分類管理。

考生管理模塊：該模塊可對考生的信息進(jìn)行添加、修改以及刪除等操作。

在線答題模塊：在該模塊中，可按照難度系數(shù)以及試卷總分等要求，隨機(jī)生成一套試卷，具有科學(xué)合理性?？忌痤}時(shí)的每步操作，均能異步傳輸至服務(wù)器，經(jīng)過服務(wù)器的處理，將返回至考生數(shù)據(jù)庫。

3　結(jié)束語

文章對Ajax技術(shù)進(jìn)行深入研究，開發(fā)設(shè)計(jì)的在線考試系統(tǒng)，該系統(tǒng)具備了異步交互的優(yōu)勢，可大大提高考試的組織與實(shí)施效率。該考試系統(tǒng)的成功研發(fā)與使用，對類似系統(tǒng)的設(shè)計(jì)與應(yīng)用提供了一定的借鑒。

參考文獻(xiàn)：

［1］王琦.基于AJAX技術(shù)的WEB開發(fā)模式的研究與應(yīng)用［J］. 山西師范大學(xué)學(xué)報(bào)（自然科學(xué)版）. 2010（04）: 55-56.

［2］譚力，楊宗源，謝瑾奎.Ajax技術(shù)的數(shù)據(jù)響應(yīng)優(yōu)化［J］. 計(jì)算機(jī)工程. 2010（07）: 102-104.

（責(zé)任編輯：張時(shí)瑋）

中圖分類號(hào)：C39

文獻(xiàn)標(biāo)識(shí)碼：A

doi:10.3969/j.issn.1672-7304.2016.01.072

文章編號(hào)：1672–7304（2016）01–0155–02

作者簡介：王建國（1982-），男，山西陽泉人，講師，研究方向：計(jì)算機(jī)應(yīng)用。

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