【文章內(nèi)容簡介】 就可以輕松實現(xiàn)，從而更快地下載頁面。 （3）使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。 （4）你可以輕松地控制頁面的布局 。 （5）你可以將許多網(wǎng)頁的風(fēng)格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風(fēng)格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應(yīng)的行，那么整個站點的所有頁面都會隨之發(fā)生變動。 想一想，沒有使用CSS前我們是如何控制字體的顏色和大小以及所使用的字體的？我們一般使用HTML標(biāo)簽來實現(xiàn)，代碼非常煩瑣。很難想象，如果在一個頁面里需要頻繁地更替字體的顏色大小，最終生成的HTML代碼的長度一定臃腫不堪。說實話，CSS就是為了簡化這樣的工作誕生的，當(dāng)然其功能決非這么簡單。 CSS是通過對頁面結(jié)構(gòu)的風(fēng)格控制的思想，控制整個頁面的風(fēng)格的。 式樣單放在頁面中，通過瀏覽器的解釋執(zhí)行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易。生殖對一些非常老的瀏覽器，頁不會產(chǎn)生頁面混亂的現(xiàn)象。 XML擴展標(biāo)記語言XML是一種簡單的數(shù)據(jù)存儲語言，使用一系列簡單的標(biāo)記描述數(shù)據(jù)，而這些標(biāo)記可以用方便的方式建立，雖然XML占用的空間比二進制數(shù)據(jù)要占用更多的空間，但XML極其簡單易于掌握和使用。 XML與Access,Oracle和SQL Server等數(shù)據(jù)庫不同，數(shù)據(jù)庫提供了更強有力的數(shù)據(jù)存儲和分析能力，例如：數(shù)據(jù)索引、排序、查找、相關(guān)一致性等，XML僅僅是展示數(shù)據(jù)。事實上XML與其他數(shù)據(jù)表現(xiàn)形式最大的不同是：他極其簡單。這是一個看上去有點瑣細的優(yōu)點，但正是這點使XML與眾不同。XML的簡單使其易于在任何應(yīng)用程序中讀寫數(shù)據(jù)，這使XML很快成為數(shù)據(jù)交換的唯一公共語言，雖然不同的應(yīng)用軟件也支持其它的數(shù)據(jù)交換格式，但不久之后他們都將支持XML，那就意味著程序可以更容易的與Windows、Mac OS, Linux以及其他平臺下產(chǎn)生的信息結(jié)合，然后可以很容易加載XML數(shù)據(jù)到程序中并分析它，并以XML格式輸出結(jié)果。 AJAX的工作原理使用Ajax的主要原因:(1)通過適當(dāng)?shù)腁jax應(yīng)用達到更好的用戶體驗；(2)把以前的一些服務(wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來處理，減輕服務(wù)器和帶寬的負擔(dān)，從而達到節(jié)約ISP的空間及帶寬租用成本的目的。 Ajax是Asynchronous JavaScript and XML的縮寫。它包括使用XHTML和CSS標(biāo)準(zhǔn)化呈現(xiàn)。使用DOM實現(xiàn)動態(tài)顯示和交互。使用XML和XSLT進行數(shù)據(jù)交換與處理。使用XMLHttpRequest進行異步數(shù)據(jù)讀取。最后用JavaScript綁定和處理所有數(shù)據(jù)。工作原理Ajax的工作原理相當(dāng)于在用戶和服務(wù)器之間加了—個中間層,使用戶操作與服務(wù)器響應(yīng)異步化。并不是所有的用戶請求都提交給服務(wù)器,像—些數(shù)據(jù)驗證和數(shù)據(jù)處理等都交給Ajax引擎自己來做, 只有確定需要從服務(wù)器讀取新數(shù)據(jù)時再由Ajax引擎代為向服務(wù)器提交請求。 Ajax其核心只有JavaScript、XMLHTTPRequest和DOM，在舊的交互方式中,由用戶觸發(fā)一個HTTP請求到服務(wù)器,服務(wù)器對其進行處理后再返回一個新的HTHL頁到客戶端, 每當(dāng)服務(wù)器處理客戶端提交的請求時,客戶都只能空閑等待,并且哪怕只是一次很小的交互、只需從服務(wù)器端得到很簡單的一個數(shù)據(jù),都要返回一個完整的HTML頁,而用戶每次都要浪費時間和帶寬去重新讀取整個頁面。而使用Ajax后用戶從感覺上幾乎所有的操作都會很快響應(yīng)沒有頁面重載（白屏）的等待。 XMLHTTPRequest Ajax的一個最大的特點是無需刷新頁面便可向服務(wù)器傳輸或讀寫數(shù)據(jù)(又稱無刷新更新頁面),這一特點主要得益于XMLHTTP組件XMLHTTPRequest對象。XMLHttpRequest 對象方法描述 abort() 停止當(dāng)前請求； getAllResponseHeaders() 作為字符串返問完整的headers ；getResponseHeader(headerLabel) 作為字符串返問單個的header標(biāo)簽 ；open(method,URL[,asyncFlag[,userName[, password]]]) 設(shè)置未決的請求的目標(biāo) URL, 方法, 和其他參數(shù) ；send(content) 發(fā)送請求setRequestHeader(label, value) 設(shè)置header并和請求一起發(fā)送 (39。post39。方法一定要 )；XMLHttpRequest 對象屬性描述 onreadystatechange 狀態(tài)改變的事件觸發(fā)器，readyState 對象狀態(tài)(integer):0 = 未初始化 1 = 讀取中 2 = 已讀取 3 = 交互中 4 = 完成 responseText 服務(wù)器進程返回數(shù)據(jù)的文本版本 responseXML 服務(wù)器進程返回數(shù)據(jù)的兼容DOM的XML文檔對象 responseBody 服務(wù)器返回的主題（非文本格式）responseStream 服務(wù)器返回的數(shù)據(jù)status 服務(wù)器返回的狀態(tài)碼, 如：404 = 文件末找到 、200 =成功 statusText 服務(wù)器返回的狀態(tài)文本信息 JavaScriptJavaScript是一在瀏覽器中大量使用的編程語言。 DOM Document Object ModelDOM是給 HTML 和 XML 文件使用的一組 API。它提供了文件的結(jié)構(gòu)表述，讓你可以改變其中的內(nèi)容及可見物。其本質(zhì)是建立網(wǎng)頁與 Script 或程序語言溝通的橋梁。所有WEB開發(fā)人員可操作及建立文件的屬性、方法及事件都以對象來展現(xiàn)（例如，document 就代表“文件本身“這個對像， table 對象則代表 HTML 的表格對象等等）。這些對象可以由當(dāng)今大多數(shù)的瀏覽器以 Script 來取用。一個用HTML或XHTML構(gòu)建的網(wǎng)頁也可以看作是一組結(jié)構(gòu)化的數(shù)據(jù)，這些數(shù)據(jù)被封在DOM（Document Object Model）中，DOM提供了網(wǎng)頁中各個對象的讀寫的支持。 XML可擴展的標(biāo)記語言（Extensible Markup Language）具有一種開放的、可擴展的、可自描述的語言結(jié)構(gòu)，它已經(jīng)成為網(wǎng)上數(shù)據(jù)和文檔傳輸?shù)臉?biāo)準(zhǔn)。Ajax引擎，實際上是一個比較復(fù)雜的JavaScript應(yīng)用程序，用來處理用戶請求，讀寫服務(wù)器和更改DOM內(nèi)容。JavaScript的Ajax引擎讀取信息，并且互動地重寫DOM，這使網(wǎng)頁能無縫化重構(gòu)，也就是在頁面已經(jīng)下載完畢后改變頁面內(nèi)容，這是我們一直在通過JavaScript和DOM在廣泛使用的方法，但要使網(wǎng)頁真正動態(tài)起來，不僅要內(nèi)部的互動，還需要從外部獲取數(shù)據(jù)，在以前，我們是讓用戶來輸入數(shù)據(jù)并通過DOM來改變網(wǎng)頁內(nèi)容的，但現(xiàn)在，XMLHTTPRequest，可以讓我們在不重載頁面的情況下讀寫服務(wù)器上的數(shù)據(jù)，使用戶的輸入達到最少。Ajax使WEB中的界面與應(yīng)用分離（也可以說是數(shù)據(jù)與呈現(xiàn)分離），而在以前兩者是沒有清晰的界限的，數(shù)據(jù)與呈現(xiàn)分離的分離，有利于分工合作、減少非技術(shù)人員對頁面的修改造成的WEB應(yīng)用程序錯誤、提高效率、也更加適用于現(xiàn)在的發(fā)布系統(tǒng)。也可以把以前的一些服務(wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來處理。(1)應(yīng)用Ajax理念的出現(xiàn)，揭開了無刷新更新頁面時代的序幕，并有代替?zhèn)鹘y(tǒng)web開發(fā)中采用form(表單)遞交方式更新web頁面的趨勢。(2)Ajax的優(yōu)勢減輕服務(wù)器的負擔(dān)。因為Ajax的根本理念是“按需取數(shù)據(jù)”，所以最大可能在減少了冗余請求和響影對服務(wù)器造成的負擔(dān)；無刷新更新頁面，減少用戶實際和心理等待時間；也可以把以前的一些服務(wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來處理，減輕服務(wù)器和帶寬的負擔(dān)，節(jié)約空間和帶寬租用成本；Ajax使WEB中的界面與應(yīng)用分離（也可以說是數(shù)據(jù)與呈現(xiàn)分離）； AJAX的應(yīng)用HTML 用于建立 Web 表單并確定應(yīng)用程序其他部分使用的字段。 JavaScript 代碼是運行 Ajax 應(yīng)用程序的核心代碼，幫助改進與服務(wù)器應(yīng) 用程序的通信。DHTML 或 Dynamic HTML，用于動態(tài)更新表單。我們將使用div、span和其他動態(tài) HTML 元素來標(biāo)記 HTML。 文檔對象模型 DOM 用于（通過 JavaScript 代碼）處理 HTML 結(jié)構(gòu)和（某些情況下）服務(wù)器返回的 XML。 表單驅(qū)動的交互傳統(tǒng)的表單提交，在文本框輸入內(nèi)容后，點擊按鈕，后臺處理完畢后，頁面刷新，再回頭檢查是否刷新結(jié)果正確。使用Ajax，在點擊sunmit按鈕后，立刻進行異步處理，并在頁面上快速顯示了更新后的結(jié)果，這里沒有整個頁面刷新的問題。 深層次的樹的導(dǎo)航 深層次的級聯(lián)菜單（樹）的遍歷是一項非常復(fù)雜的任務(wù)，使用JavaScript來控制顯示邏輯，使用Ajax延遲加載更深層次的數(shù)據(jù)可以有效的減輕服務(wù)器的負擔(dān)。我們以前的對級聯(lián)菜單的處理多數(shù)是這樣的： 為了避免每次對菜單的操作引起的重載頁面，不采用每次調(diào)用后臺的方式，而是一次性將級聯(lián)菜單的所有數(shù)據(jù)全部讀取出來并寫入數(shù)組，然后根據(jù)用戶的操作用 JavaScript來控制它的子集項目的呈現(xiàn)，這樣雖然解決了操作響應(yīng)速度、不重載頁面以及避免向服務(wù)器頻繁發(fā)送請求的問題，但是如果用戶不對菜單進行 操作或只對菜單中的一部分進行操作的話，那讀取的數(shù)據(jù)中的一部分就會成為冗余數(shù)據(jù)而浪費用戶的資源，特別是在菜單結(jié)構(gòu)復(fù)雜、數(shù)據(jù)量大的情況下（比如菜單有 很多級、每一級菜又有上百個項目），這種弊端就更為突出。如果在此案中應(yīng)用Ajax后，結(jié)果就會有所改觀： 在初始化頁面時我們只讀出它的第一級的所有數(shù)據(jù)并顯示，在用戶操作一級菜單其中一項時，會通過Ajax向后臺請求當(dāng)前一級項目所屬的二級子菜單的所有數(shù)據(jù)，如 果再繼續(xù)請求已經(jīng)呈現(xiàn)的二級菜單中的一項時，再向后面請求所操作二級菜單項對應(yīng)的所有三級菜單的所有數(shù)據(jù)，以此類推……這樣，用什么就取什么、用多少就取 多少，就不會有數(shù)據(jù)的冗余和浪費，減少了數(shù)據(jù)下載總量，而且更新頁面時不用重載全部內(nèi)容，只更新需要更新的那部分即可，相對于后臺處理并重載的方式縮短了 用戶等待時間，也把對資源的浪費降到最低。 快速的用戶與用戶間的交流響應(yīng)在眾多人參與的交流討論的場景下，最不爽的事情就是讓用戶一遍又一遍刷新頁面以便知道是否有新的討論出現(xiàn)。新的回復(fù)應(yīng)該以最快的速度顯示出來，而把用戶從分神的刷新中解脫出來，Ajax是最好的選擇。 、yes/no等無關(guān)痛癢的場景對于類似這樣的場景中，如果提交過程需要達到40秒，很多的用戶就會直接忽略過去而不會參與，但是Ajax可以把時間控制在1秒之內(nèi)，從而更多的用戶會加入進來。 對數(shù)據(jù)使用過濾器，按照時間排序，或者按照時間和名稱排序，開關(guān)過濾器等等。任何要求具備很高交互性數(shù)據(jù)操縱的場合都應(yīng)該用JavaScript，而不是用一系列的服務(wù)器請求來完成。在每次數(shù)據(jù)更新后，再對其進行查找和處理需要耗費較多的時間，而Ajax可以加速這個過程。 在文本框等輸入表單中給予輸入提示，或者自動完成，可以有效的改善用戶體驗，尤其是那些自動完成的數(shù)據(jù)可能來自于服務(wù)器端的場合，Ajax是很好的選擇。 3系統(tǒng)需求分析與設(shè)計 可行性分析本系統(tǒng)是基于Ajax技術(shù)的網(wǎng)上看書系統(tǒng)，主要是為了方便讀者借閱參考書籍，和便于圖書管理員方便管理電子圖書而研發(fā)的。在前面的論述中已經(jīng)介紹了Ajax的優(yōu)點，和在電子書籍管理中應(yīng)用的優(yōu)勢。由此證明了研發(fā)此系統(tǒng)的價值和意義所在。在開發(fā)此系統(tǒng)之前我們對目前各大圖書網(wǎng)站做了詳細的了解。以大型書籍網(wǎng)站google圖書和百度圖書為例。首先看看圖書搜索的首頁，百度圖書搜索顯得有點簡陋，但它剛起步，對它太過苛刻。而Google圖書搜索那里，除了可以搜索所以的圖書之外，還可以縮小搜索范圍只搜索“可全文閱讀的圖書”或“國學(xué)圖書”。 留意看Google圖書搜索下面的“提供給出版商的信息”，點擊進去里面的內(nèi)容大概是一些與出版商合作的政策，以幫助出版商提高圖書的銷量。從而使到用戶，出版商，Google之間實現(xiàn)“三贏”。我們看看高級搜索的功能， 百度的高級搜索是相當(dāng)簡陋，和普通網(wǎng)頁的高級搜索沒什么分別。所以不截圖說明了。而Google的高級搜索提供的搜索的確是“高級”了。圖書來源：前面已經(jīng)隱約透露到，百度圖書搜索的信息來源大概是網(wǎng)上書城。在百度圖書搜索幫助文件里是這樣說的：百度圖書搜索是百度與眾多圖書行業(yè)合作伙伴合作建立的圖書信息查詢平臺。而Google圖書搜索的來源是一些實實在在的書，在它的幫助文檔里是這樣描述的：Google 圖書搜索中的圖書主要有兩個來源：出版商和圖書館。搜索結(jié)果由中國大陸出版圖書提供。（本地化？）。計劃目的：現(xiàn)在看來，百度圖書搜索的目的是在中文網(wǎng)絡(luò)里面提供一個圖書介紹的平臺，使得用戶能夠大概了解書的內(nèi)容和購買網(wǎng)站或地點。百度圖書搜索只提供簡單的幾行字的對圖書的描述。相比之下，Google的計劃更要來的宏偉。按照它的話，它的圖書搜索平臺不但直接面向用戶，還面向企業(yè)，或者說合作商，合作商可以登錄設(shè)置自己的圖書信息，決定是“完全共享”還是“半共享”書目。而且現(xiàn)在Google還有一個叫做“Google 圖書館計劃”的圖書共享計劃。這對于我們一些經(jīng)常看外文文獻的人來說是個不錯的計劃。搜索結(jié)果頁面：這是最重要的部分，前面說到，Google不但提供中文圖書搜索，還有外文的。但百度只支持中文圖書搜索。Google圖書搜索的結(jié)果頁面每本圖書結(jié)果都有封面的截圖，右方的圖書信息里還有作者的信息，搜索的關(guān)鍵字位于書的哪一頁。最底一行是告訴用戶該書是完全共享還是部分共享的。再來看看百度那邊的搜索結(jié)果?？赡苁且驗橄到y(tǒng)還沒完善，有些書還沒有封面圖片。相比之下，百度圖書結(jié)果頁面沒有提供作者信息。圖書結(jié)果頁面：我選擇了兩者都共有的書目：《車神舒馬赫(F1英雄傳)》 百度提供了圖書的出版信息，還包括定價。然后就是書的內(nèi)容提要。最后是購買這本書的地址。顯然，百度不提供圖書頁面內(nèi)容的搜索。也許是擔(dān)心版權(quán)的問題。（試想為什么百度MP3搜索為什么只提供鏈接呢？） 而G