趙伍軍

[摘要]Ajax是近幾年web應(yīng)用方面的熱點(diǎn)技術(shù)，其應(yīng)用越來(lái)越廣泛。一般來(lái)說(shuō)傳統(tǒng)的web應(yīng)用中幾乎沒(méi)有使用設(shè)計(jì)模式，但在Ajax的開(kāi)發(fā)中卻涉及到了部分設(shè)計(jì)模式，就此內(nèi)容做一個(gè)簡(jiǎn)要的介紹和分析。

[關(guān)鍵詞]Ajax 設(shè)計(jì)模式 Adapter Facade

中圖分類號(hào)：TP3文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1671－7597（2009）0320032－01

一、Ajax中使用設(shè)計(jì)模式的原因

盡管Ajax是現(xiàn)在Web技術(shù)發(fā)展的熱點(diǎn)之一，但仍然屬于Web應(yīng)用的范圍，而我們知道通常傳統(tǒng)的Web應(yīng)用中幾乎沒(méi)有使用設(shè)計(jì)模式，那么為何要在Ajax開(kāi)發(fā)中應(yīng)用設(shè)計(jì)模式？主要有依稀幾點(diǎn)原因：1．Ajax應(yīng)用中的JavaScript代碼越來(lái)越復(fù)雜，代碼庫(kù)的規(guī)模越來(lái)越大，需要一種有效組織代碼庫(kù)的手段；2．Javascript編程與其他服務(wù)器端編程語(yǔ)言（例如Java語(yǔ)言，C#語(yǔ)言等）相比過(guò)于靈活，更需要通過(guò)引入設(shè)計(jì)模式加以控制，使得代碼更加的健壯；3．Javascript支持面向?qū)ο蟮拈_(kāi)發(fā)，為應(yīng)用設(shè)計(jì)模式提供了必要的基礎(chǔ)；4．設(shè)計(jì)模式是面向?qū)ο箝_(kāi)發(fā)的精華，應(yīng)用設(shè)計(jì)模式可以實(shí)現(xiàn)良好的重用和靈活的架構(gòu)。

二、Adapter和Facade模式

在開(kāi)發(fā)Web應(yīng)用時(shí)，我們都要面對(duì)一個(gè)問(wèn)題：如何保證Web應(yīng)用程序在不同的瀏覽器上都能正確的顯示。Web技術(shù)林立，大部分瀏覽器廠商的實(shí)現(xiàn)都或多或少地與這些標(biāo)準(zhǔn)存在差異。有的Web技術(shù)標(biāo)準(zhǔn)本身就很含糊，容易引起不同的解釋；有的瀏覽器廠商處于易用的目的，各自通過(guò)自己的方式來(lái)擴(kuò)展這些標(biāo)準(zhǔn)。這就造成了不同的瀏覽器之間的差異。

基于目前Web開(kāi)發(fā)的特點(diǎn)，特別是客戶端Javascript腳本的開(kāi)發(fā)，需要面對(duì)很多變化和跨平臺(tái)的挑戰(zhàn)，所以，如果應(yīng)用Adapter和Facade模式，將會(huì)非常有益于提高我們軟件的可維護(hù)性，以及降低總體開(kāi)發(fā)成本。

（一）Adapter模式。Adapter模式是解決接口不一致的問(wèn)題。在實(shí)際的應(yīng)用程序中，有時(shí)候客戶端（這里指調(diào)用方）想要調(diào)用接口與實(shí)際上服務(wù)器端（這里指被調(diào)用方）所提供的接口不一致。出現(xiàn)這種情況，我們可能會(huì)有兩種選擇，一種是修改調(diào)用方或者被調(diào)用方的接口，使之相互適應(yīng)。另一種就是在調(diào)用方和被調(diào)用方之間加入一個(gè)適配器（Adapter），讓其隱藏兩者之間的差異。

在Ajax應(yīng)用中經(jīng)常用到的XMLHttpRequest對(duì)象，就是需要Adapter模式的一個(gè)很好的實(shí)例。XMLHttpRequest對(duì)象是非W3C（World Wide Web Consortium，萬(wàn)維網(wǎng)聯(lián)盟）標(biāo)準(zhǔn)，所以，盡管現(xiàn)有的較新的瀏覽器都支持該對(duì)象，但其具體實(shí)現(xiàn)是不一致的。在微軟的IE瀏覽器里，XMLHttpRequest是以ActiveXObject的樣式實(shí)現(xiàn)的。而在Mozilla瀏覽器里，其又以一種build-in對(duì)象的形式實(shí)現(xiàn)。

對(duì)于我們常用的應(yīng)用程序來(lái)說(shuō)，我們并不關(guān)心這些實(shí)現(xiàn)細(xì)節(jié)，而是如何能夠獲得一個(gè)可以供使用的XMLHttpRequest對(duì)象。獲得一個(gè)可用XMLHttpRequest對(duì)象的代碼如下所示：

Function createXMLHttpRequest()

{

var CXMLHttpRequest = false;

if (window. XMLHttpRequest)

{

//創(chuàng)建非IE瀏覽器中XMLHttpRequest對(duì)象

CXMLHttpRequest = new XMLHttpRequest();

}

else if（window.SctiveXObject）

{

//創(chuàng)建IE瀏覽器中的XMLHttpRequest對(duì)象

try

{

CXMLHttpRequest = new ActiveXObject (”Msxml2.XMLHTTP”);

}

catch(e1)

{

try

{

CXMLHttpRequest = new ActiveXObject (”Microsoft.XMLHTTP”);

}

catch(e2)

{

//不能創(chuàng)建XMLHttpRequest對(duì)象

alert('不能創(chuàng)建異步請(qǐng)求對(duì)象!');

}

}

}

return CXMLHttpRequest;

}

該文件中的try……catch語(yǔ)句幫助我們實(shí)現(xiàn)了跨平臺(tái)性，createXMLH

TtpRequest()函數(shù)封裝了與特定瀏覽器相關(guān)的創(chuàng)建XMLHttpRequest對(duì)象的方法，該函數(shù)便是一個(gè)Adapter。這段代碼實(shí)現(xiàn)了一個(gè)創(chuàng)建XMLHttpRequest

對(duì)象的統(tǒng)一接口，并通過(guò)委托（delegate）的機(jī)制，自動(dòng)幫助我們用各種方法在不同的平臺(tái)下實(shí)例化一個(gè)XMLHttpRequest對(duì)象。

（二）Facade模式。Facade實(shí)際上是理順系統(tǒng)間關(guān)系，降低系統(tǒng)耦合度的一個(gè)常用的辦法。有時(shí)候，我們的客戶端（調(diào)用方）所調(diào)用的子系統(tǒng)過(guò)于復(fù)雜。通常，調(diào)用方需要連續(xù)調(diào)用被調(diào)用方的多個(gè)服務(wù)才能完成某種特定的任務(wù)。每次調(diào)用方重復(fù)調(diào)用操作都非常麻煩，并且容易出錯(cuò)，所以，我們需要提煉出一些經(jīng)常用到的操作，組合成一個(gè)接口。這樣，每次調(diào)用方需要該服務(wù)時(shí)，僅需要調(diào)用該Facade接口，便可以輕松執(zhí)行某項(xiàng)特定任務(wù)。在Ajax中，當(dāng)需要用XMLHttpRequest;對(duì)象向服務(wù)器請(qǐng)求數(shù)據(jù)的時(shí)候，僅僅為了請(qǐng)求一次數(shù)據(jù)就需要五個(gè)步驟：1．建立XMLHttpRequest;對(duì)象；2．指定響應(yīng)處理函數(shù)函數(shù)；3．用open方法設(shè)置請(qǐng)求方式，URL地址和請(qǐng)求模式；4．用send發(fā)送請(qǐng)求；5．監(jiān)視請(qǐng)求狀態(tài)，并對(duì)相應(yīng)的狀態(tài)進(jìn)行響應(yīng)處理。

三、總結(jié)

本文針對(duì)設(shè)計(jì)模式在Ajax中的應(yīng)用，選取了Adapter和Facade兩種比較典型設(shè)計(jì)模式，對(duì)其進(jìn)行了簡(jiǎn)要的分析和介紹。在Ajax中還用到了其他一些設(shè)計(jì)模式，比如Observer模式、Command模式和Singleton模式，限于篇幅有限，在此不再作一一介紹。如有興趣，可以查詢相關(guān)資料。

參考文獻(xiàn)：

[1]祝紅濤、劉海松、郝軍啟，Ajax從入門(mén)到精通，北京：電子工業(yè)出版社，2008.

[2]譚日森，Ajax技術(shù)的特點(diǎn)及發(fā)展前景，信息科學(xué)，2007年21期.

[3]劉娜、鄭楠楠，認(rèn)識(shí)Ajax與Ajax的應(yīng)用，電腦開(kāi)發(fā)與應(yīng)用，2008年4期.