ajax在網(wǎng)絡(luò)教學(xué)系統(tǒng)中的應(yīng)用

1、Ajax在網(wǎng)絡(luò)教學(xué)系統(tǒng)中的應(yīng)用在網(wǎng)絡(luò)教學(xué)系統(tǒng)中的應(yīng)用陳志華1麻書欽廣東技術(shù)師范學(xué)院計算機(jī)與網(wǎng)絡(luò)中心摘要：Ajax(異步Javript與可擴(kuò)展標(biāo)記語言)是Web應(yīng)用開發(fā)的一種新理念。它將現(xiàn)有的多種技術(shù)進(jìn)行結(jié)合，可以構(gòu)建更為動態(tài)和響應(yīng)更靈敏的Web應(yīng)用程序，使Web應(yīng)用程序消除與桌面應(yīng)用程序在人機(jī)交互和用戶體驗方面的差距。文章介紹了Ajax的原理及主要技術(shù)，并著重探討Ajax技術(shù)在當(dāng)前網(wǎng)絡(luò)教學(xué)系統(tǒng)中的應(yīng)用。TheapplicationofA

2、JAXinthewkteachingsystemchenzhihuamashuqin(GuongPolytechnicNmalUniversityComputerwkCenterGuanzhou510665China)Summary:Ajax(asynchronousJavriptXML)isanewconceptofdevelopmentapplicationofweb.Itcanestablishamedynamicflexible

3、Webapplicationbycombiningkindsofexistingtechniquewhichcaneliminatethegapintheexchangingofmanmachineintheaspectofuser’sexperience.ThisarticleintroducestheelementsofAjaxthemajtechniqueweightilydiscussestheapplicationofwkte

4、achingsystem.關(guān)鍵字：AjaxXMLHttpRequestXMLWeb開發(fā)網(wǎng)絡(luò)教學(xué)系統(tǒng)Keywds:AJAXXMLHttpRequestXMLWebdevelopingwkteachingsystem1、引言隨著我國教育信息化的不斷發(fā)展，目前很多課程都建起了相應(yīng)的網(wǎng)絡(luò)教學(xué)平臺，這些網(wǎng)絡(luò)教學(xué)平臺絕大部分采用當(dāng)前最為流行的BS（BrowserServer）模式結(jié)構(gòu)，即瀏覽器和服務(wù)器結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶工作界面通過Web瀏覽器

5、來實現(xiàn)，很少一部分的事務(wù)邏輯在前端（Browser）實現(xiàn)，主要的事務(wù)邏輯在服務(wù)器端(Server)實現(xiàn)。BS請求響應(yīng)機(jī)制所使用的HTTP協(xié)議決定其特有的工作機(jī)制以及Web開發(fā)模式，也決定了其自身的一些缺陷。一直以來，Web應(yīng)用程序的交互效果都不如桌面應(yīng)用程序，比如客戶端功能和用戶體驗效果。網(wǎng)絡(luò)教學(xué)系統(tǒng)由于其需要具備動態(tài)性、互動性和多樣性的特點(diǎn)，對數(shù)據(jù)傳輸速度和用戶體驗提出了更高的要求。Ajax的出現(xiàn)，使以Web應(yīng)用程序搭建的網(wǎng)絡(luò)教學(xué)系統(tǒng)

6、繼承了桌面應(yīng)用程序反應(yīng)靈敏、胖客戶端、用戶體驗優(yōu)秀等優(yōu)點(diǎn)。2、Ajax簡介Ajax不是一項新的技術(shù)，只是多種技術(shù)的綜合，或者是設(shè)計方式，它包括Javript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest等技術(shù)。其中：?使用XHTML和CSS實現(xiàn)標(biāo)準(zhǔn)化的呈現(xiàn)界面。?使用DOM實現(xiàn)動態(tài)的顯示和交互。?使用XMLHttpRequest實現(xiàn)與服務(wù)器的異步通信。?使用Javript將XHTML、DOM、XML、XML

7、HttpRequest綁定。各種技術(shù)在Ajax引擎中的作用如圖1所示，整個交互通信過程是異步進(jìn)行的。1作者簡介：陳志華(1979～)，男，廣東人，廣東技術(shù)師范學(xué)院，助教對于采用單層或者二層模式的系統(tǒng)，Ajax引擎集成于Web系統(tǒng)，跟HTML、ASP等文件綁定在一起，嵌入到單獨(dú)的頁面編碼中，可以幫助Web系統(tǒng)異步獲取服務(wù)器的信息，在不刷新瀏覽器的情況下更新界面內(nèi)容。Ajax引擎與Web系統(tǒng)的關(guān)系如圖3所示。在采用三層模式及至MVC層次的W

8、eb系統(tǒng)中，Ajax引擎處于客戶表示層（視圖）當(dāng)中，在異步方式下直接或間接地訪問業(yè)務(wù)邏輯層或者控制器的相應(yīng)接口，獲取系統(tǒng)數(shù)據(jù)，在不刷新瀏覽器界面的情況下更新用戶界面內(nèi)容，以此方式來提高數(shù)據(jù)傳輸速度，改善系統(tǒng)用戶體驗。在三層模式Web系統(tǒng)中，Ajax引擎所處的位置如圖4所示。對于應(yīng)用如Struts、WebWk2、Spring等框架的Web系統(tǒng)，Ajax引擎可以跟視圖無縫集成，Ajax將請求異步發(fā)送相應(yīng)的控制器，在控制器返回處理結(jié)果以后再更

9、新視圖內(nèi)容。3Ajax技術(shù)在網(wǎng)絡(luò)教學(xué)系統(tǒng)中的應(yīng)用下面舉例說明Ajax技術(shù)在網(wǎng)絡(luò)教學(xué)系統(tǒng)中的應(yīng)用數(shù)據(jù)校驗操作是Web應(yīng)用程序中經(jīng)常碰到的一種情況，Web應(yīng)用程序必須保證用戶輸入數(shù)據(jù)的準(zhǔn)確性和可靠性，保證系統(tǒng)的安全。數(shù)據(jù)校驗在網(wǎng)絡(luò)教學(xué)系統(tǒng)中經(jīng)常會用到，例如學(xué)生在線注冊功能模塊：學(xué)生在線填寫個人資料并設(shè)置個人登錄帳號及密碼，注冊后經(jīng)過任課教師或管理員的授權(quán)即可進(jìn)入教學(xué)系統(tǒng)學(xué)習(xí)。我們設(shè)定的學(xué)生注冊頁面內(nèi)容如下圖所示：Ajax引擎Web系統(tǒng)HTM