ＡＪＡＸ在網絡多媒體課件制作系統中的應用研究

摘 要：隨著多媒體技術的迅猛發展，越來越多的高校正在加快多媒體課件資源的建設，基于B/S模式的網絡多媒體課件系統很容易部署，具有傳播范圍廣、易于操作等優點，被廣泛應用到各高校中，但傳統的B/S架構都是以同步請求/響應模式作為基礎的，無法實現更加高端的用戶體驗。以AJXA技術為例，以異步請求/響應模式實現在網絡多媒體課件制作系統中的應用設計，并對系統實現過程中的關鍵技術要點做了重點解析。

關鍵詞：B/S模式； AJAX； Javascirpt;DOM;xml;XMLHttpRequest

中圖分類號：G434，TP393 文獻標識碼：A 文章編號：1004373X(2008)1611903

Application Research of AJAX in Network Multimedia Courseware System

CAO Genyi

(Anhui Vocational Institute of Industrial Economy，Hefei，230051，China)

Abstract：With the rapid development of multimedia technology，more and more colleges and universities are speeding up the construction of multimedia courseware resources，it is easy to deploy based on the B/S mode network multimedia courseware system.It has been widely applied to all colleges and universities with its wide range of communication，easy operation and other advantages，but the traditional B/S structure is based on synchronous request/response mode，which can not be achieved to more highend user experience.In this paper，the author takes AJXA technology as an example to realize the application and design of the network multimedia courseware making system with asynchronous request/response mode，and pay special attention to analyze the key technical points in the process of achievement

Keywords：B/S mode;AJAX;Javascirpt;DOM;xml;XMLHttpRequest

隨著計算機網絡技術的飛速發展，如今Web技術已經成為商務和信息的中心，許多新方法和新技術也都粉墨登場。B/S結構已成為大量多媒體技術應用的首選平臺，越來越多的高校也開始采用B/S架構來搭建課件系統，而AJAX的出現無疑是為當今的因特網添加了一道亮麗的風景線，讓用戶的體驗變的更加豐富多彩。AJXA技術主要以Javascirpt，xmlhttprequest，DOM和XML為核心，來實現Web異步交互功能的應用，在Web應用研究開發中得到越來越多的關注。

1 AJAX定義

AJAX是通過現有的幾種成熟技術的特性，相互結合構成一個功能強大的新技術。AJAX包括：

XHTML和CSS實現基本內容的顯示；

使用文檔對象模型Document Object Model來實現動態顯示和交互；

使用XML和XSLT來實現數據交換和操作；

使用XMLHttpRequest或XMLHttp來實現異步數據查詢；

使用JavaScript將以上技術結合在一起。

2 AJAX的工作流程

傳統的Web應用程序，一般都是采取請求→刷新→顯示模式，這就是同步請求/響應模式，就是每當用戶通過單擊按鈕和鏈接向服務器發送一個請求時，都由服務器接收請求并處理，處理完畢后服務器將信息發送至瀏覽器進行顯示。而在服務器處理的時間段里瀏覽器處于等待狀態，顯示為空白和無響應狀態，用戶所能做的事情只有等待。如圖1所示。

在基于AJAX的Web程序中，最為重要的特征就是將同步請求轉變為異步請求。這意味著客戶端和服務器不必再互相等待，而是可以進行一些并發的操作。用戶在發送請求以后可以繼續當前工作，包括瀏覽或提交信息。在服務器響應完成之后，AJAX引擎會將更新的數據顯示給用戶，而用戶則根據響應內容決定自己下一步的行為。AJAX在后臺異步的方式工作，用戶無需等待服務器的處理，可以進行并發工作，使得用戶界面層次上更為接近C/S架構的客戶端平臺，并且AJAX還帶來了性能的提高，因為用戶的行為經過了AJAX引擎的處理，使得客戶端可以只獲取需要的數據。DOM模型使得動態改變頁面的層次結構成為可能，這樣動態獲取的數據可以動態嵌入到頁面中去，避免了數據復雜加載帶來的速度和效率問題。服務器端的組織形式則可以將功能劃分的更細，這樣服務器就可以只為有用的數據進行工作，大大提高了運行效率。如圖2所示。

3 AJAX的優勢

提高效率 利用xmlhttprequest獲取局部數據，減少了冗余請求和響應對服務器造成的負擔，所以最大可能的節約時間、帶寬、CPU耗用；

節約資源 利用AJAX技術把以前的一些服務器負擔的工作移交到客戶端，由閑置的客戶端進行處理，從而節約服務器和帶寬負擔；

界面友好 AJAX無需刷新頁面，減少用戶等待時間，增強了用戶體驗；

技術支持 AJAX是基于標準化并被廣泛支持的技術，無需插件和第三方程序；

易于移植 AJAX不受底層平臺限制、有助于軟件的移植。

4 AJAX 在網絡多媒體課件系統中的應用實例

4.1 用戶注冊驗證

在以往的網絡多媒體課件系統應用中，一般情況下用戶注冊模塊，都是將信息填好后，再傳遞給服務器端進行檢驗，這樣就會給用戶帶來不便。如:用戶名已被他人注冊的情況，注冊用戶只能等到提交注冊信息后，才能接收到系統反饋的信息，這樣就可能造成注冊失敗，從而浪費用戶的寶貴時間。

在填寫表單內容時，如果需要保證數據的惟一性（例如新用戶注冊填寫的用戶名），則必須對用戶輸入的內容進行數據驗證。數據驗證通常有2種方式：一種是直接填寫，然后提交表單，這種方式需要將這個頁面數據提交到服務器端進行驗證，整個過程不僅時間長而且造成了服務器不必要的負擔；第二種方式是改進了的驗證過程，用戶可以通過點擊相應的驗證按鈕，打開新窗口查看驗證結果，但是這樣需要新開一個瀏覽器窗口或者對話框，還需要專門編寫驗證的頁面，比較耗費系統資源。而使用AJAX技術，可以由XMLHttpRequest對象發出驗證請求，根據返回的HTTP響應判斷驗證是否成功，整個過程不需要彈出新窗口，也不需要將整個頁面提交到服務器，快速而又不加重服務器負擔。通常驗證流程如圖3，圖4所示:

4.2 自由布局

在傳統的網頁中，頁面的布局是固定的，但利用AJAX技術后則可以根據用戶的使用習慣來進行自由布局，操作起來更加簡單，并且在設置過程中用戶可以根據需要隨時改變窗口的布局。當用戶關閉一個窗口時，也可以移動某一個窗口到需要的位置，而這些操作并不需要通過刷新頁面就可以直接保存新的布局設置。

這些功能都是利用Javascirpt實現窗口的拖動響應、釋放響應、顯示和隱藏的，而拖動完成后向服務器發送XMLHttpRequest請求以完成數據的保存，通過CSS樣式，豐富窗口效果，最終實現自由布局。

4.3 原理分析

(1) 當鼠標按下調用MouseDown事件，獲得拖動元素的初始值；

(2) 當拖動時調用MouseOver事件，從而改變拖動元素的位置；

(3) 當鼠標釋放時調用MOUSEUP事件，獲得結束拖動時的鼠標位置。判斷是否需要容器接收結點，如果需要容器接收該元素，則需要判斷容器是否能接收被拖動的元素，如果能則在相應的結點插入拖動的元素，并刪除原始點上的該元素，如果不能接收，要使拖動元素恢復到拖動前的位置，刪除MouseOver事件。

4.4 防止頁面過期

服務器中的Session變量，主要用來保存客戶端的用戶信息，為了節約服務器資源，通常會有個默認時間，所以session存在一個過期（也就是超時）的問題。如果在設置的時間內沒有與服務器進行交互，那么就會觸發服務器的session_end 事件，此時session就會過期。因此當教師在線編輯課件時出現內容較多的情況時，可能超出這個時間才與服務器進行交互，提交失敗，導致編輯的內容丟失，如果利用AJAX技術，以定時刷新局部窗口來與服務器端進行交互，使瀏覽器窗口在被打開情況下與服務器保持暢通連接。

5 結 語

AJAX并不是一支獨秀，Adobe公司的Flex等很多技術體系都在嘗試提供更豐富的用戶體驗，隨著Web異步交互的需求成長，會有越來越多的技術涌現出來。目前AJAX還處于前景與風險并存的階段，雖然在應用領域AJAX已經取得了一定的進展，并且在用戶認知度和影響力上也具有了相當的積累，但是其發展道路仍不能說一馬平川，同時目前的AJAX還只是一個新生事物，并不是十分完美成熟的技術，所以還是存在一定的不足。所以在網絡多媒體課件制作系統開發過程中也因該根據實際的需求，適當地使用AJAX技術，來豐富用戶體驗是有必要的。

參 考 文 獻

［1］Dflying Chen.ASP.NET AJAX程序設計：第II卷（客戶端）［M］.北京：人民郵電出版社，2007.

［2］\\阿斯利森，\\舒塔.AJAX基礎教程 ［M］.北京：人民郵電出版社， 2006.

［3］\\克拉恩，帕斯卡雷洛，杰姆斯.AJAX實戰 ［M］.北京：人民郵電出版社，2006.

［4］扎卡斯，姆克皮克，福西特.AJAX高級程序設計 ［M］.北京：人民郵電出版社，2006.

［5］李剛，宋偉，邱哲.征服AJAX+Lucene構建搜索引擎 ［M］.北京：人民郵電出版社，2006.

［6］楊華.AJAX及在ASP.NET中的實現\\.現代電子技術，2006，29(12):7982.

作者簡介 曹根義 男，1966年出生，安徽貴池人，工程師。院網絡中心主任。主要從事網絡與通訊技術方面的研究。