【正文】 Ajax 進(jìn)行異步請求目標(biāo)的 URL 地址是 ，即 JSP 文件。實現(xiàn)實時顯示在線人員列 表的具體步驟如下： 編寫自定義的 JavaScript函數(shù) showOnline(),用于實例化 Ajax對象， showOline()函數(shù)的具體代碼如下： function showOnline(){ varloader=(?nocache=+new Date().getTime(),deal_online,onerror,GET)。如圖 43在線人員列表圖。 圖 42聊天室主體功能模塊 實時獲取并顯示在線人員列表 在設(shè)計聊天室程序時，為了讓用戶及時了解在線用戶，并與其他用戶 交流，需要提供淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計論文 14 實時獲取并顯示在線人員列表的功能。 } } /script body br form name=form1 method=post action=Messages?action=loginRoom onSubmit=return check() 第四章 系統(tǒng)的實現(xiàn) 13 table width=371 height=230 border=0 align=center cellpadding=0 cellspacing=0 background=images/ trtd height=158 colspan=3 class=word_dark /td/tr trtd width=53 align=center valign=topclass=word_dark /td td width=216 align=center valign=top class=word_dark用戶名： input type=text name=username class=login/td td width=94 valign=top class=word_darkinput name=Submit type=submit class=btn_bg value=進(jìn) 入 /td/tr /table /form /body /html 聊天室主體功能模塊 在用戶登錄頁面中輸入用戶名，單擊“進(jìn)入”按鈕即可進(jìn)去聊天室 的主界面。()。 }else if(==\39。()。在該頁面中，用戶輸入自己喜歡的用戶名，如圖 41 登錄界面，單擊進(jìn)入按鈕，系統(tǒng)將判斷輸入的用戶名是否被占用，如果被占用將給出提示 。 聊天室的登錄界面如圖 32 登錄界面 .輸入用戶名，然后單擊“進(jìn)入”按鈕，將進(jìn)入聊天室的主界面，如圖 33主界面。 客戶器端： 。 Web服務(wù)器： ?？梢杂?Ajax實現(xiàn)無刷新操作。 第三章 系統(tǒng)分析與設(shè)計 9 第三章 系統(tǒng)分析與設(shè)計 系統(tǒng)分析 聊天室功能需求分析 用戶登錄，包括用戶是否在線 實時顯示在線人員列表及在線人數(shù) 用戶發(fā)言，包括顯示聊天內(nèi)容和滾屏顯示聊天信息 安全退出聊天室，包括單擊關(guān)閉按鈕退出聊天室。 五． out 對象 out對象是一個輸出流，用來向客戶端輸出數(shù)據(jù)。 2． application 對象常用方法 : (1)public void setAttribute(String key,Object obj): 將參數(shù) Object 指定的對象 obj 添加到 application 對象中，并為添加的對象指定一個索引關(guān)鍵字。 四． aplication 對象 1．什么是 application: 服務(wù)器啟動后就產(chǎn)生了這個 application 對象，當(dāng)客戶再所訪問的網(wǎng)站的各個頁面之間瀏覽時，這個 application 對象都是同一 個，直到服務(wù)器關(guān)閉。當(dāng)客戶再訪問連接該服務(wù)器的其他頁面時，不再分配給客戶新的session 對象，直到客戶關(guān)閉瀏覽器后，服務(wù)器端該客戶的 session 對象才取消，并且和客戶的會話對應(yīng)關(guān)系消失。當(dāng)一個客戶訪問一個服務(wù)器時，可能會在這個服務(wù)器的幾個頁面之間反復(fù)連接，反復(fù)刷新一個頁面，服務(wù)器應(yīng)當(dāng)通過某種辦法知道這是同一個客戶，這就需要 session 對象。 三． session 對象 是 session： session 對象是一個 JSP 內(nèi)置對象，它在第一個 JSP 頁面被裝載時自動創(chuàng)建，完成會話期管理。 JSP六種內(nèi)置對象： request, response, out, session, application, config, pagecontext, page, exception. 一 .request 對象： 該對象封裝了用戶提交的信息，通過調(diào)用該對象相應(yīng)的方法可以獲取封裝的信息，即使用該對象可以獲取用戶提交信息。 （ 2） Java 的運行速度是用 class 常駐內(nèi)存來完成的，所以它在一些情況下所使用的內(nèi)存比起用戶數(shù)量來說確實是“最低性能價格比”了。 JSP 技術(shù)的弱勢 （ 1） 與 ASP 一樣， Java 的一些優(yōu)勢正是它致命的問題所在。 （ 4）多樣化和功能強(qiáng)大的開發(fā)工具支 持。 （ 3）強(qiáng)大的可伸縮性?；旧峡梢栽谒衅脚_上的任意環(huán)境中開發(fā)，在任意環(huán)境中進(jìn)行系統(tǒng)部署，在任意環(huán)境中擴(kuò)展。在這一點上 Java比 PHP更出色，除了系統(tǒng)之外，代碼不用做任何更改。 JSP 具備了 Java 技術(shù)的簡單易用，完全的面向?qū)ο?，具有平臺無關(guān)性且安全可靠，主要面向因特網(wǎng)的所有特點。服務(wù)器在頁面被客戶端請求以后對這些 Java 代碼進(jìn)行處理，然后將生成的 HTML頁面返回給客戶端的瀏覽器。目前較新的是 規(guī)范， 規(guī)范的征求意見稿也已出臺。 JSP與 Java Servlet 一樣，是在服務(wù)器端執(zhí)行的，通常返回該客戶端的就是一個 HTML文本，因此客戶端只要有瀏覽器就能瀏覽。 Web服務(wù)器在遇到訪問 JSP 網(wǎng)頁的請求時，首先執(zhí)行其中的程序段，第二章 系統(tǒng)開發(fā)環(huán)境和關(guān)鍵技術(shù) 7 然后將執(zhí)行結(jié)果連同 JSP 文件中的 HTML代碼一起返回給客戶。網(wǎng)頁還能通過 tags 和scriptlets 訪問存在于服務(wù) 端的資源的應(yīng)用邏輯。 用 JSP 開發(fā)的 Web 應(yīng)用是跨平臺的，即能在 Linux下運行，也能在其他操作系統(tǒng)上運行。 JSP 技術(shù) JSP(JavaServer Pages)是由 Sun Microsystems 公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。 監(jiān)控用戶在線狀態(tài) 在聊天室程序中需要實時監(jiān)控用戶在線狀態(tài)，當(dāng)用戶非正常退出時（如：沒有單擊“退出聊天室”按鈕，也沒有單擊窗口的關(guān)閉“按鈕”，而是直接將頁面轉(zhuǎn)向其他網(wǎng)站），能夠保證將該用戶從列表中刪除。這其實是因為 Ajax 改變?yōu)g覽器的內(nèi)容和行為，往往是通過修改網(wǎng)頁的 DOM和 CSS 來控制的，這些新消息都僅僅在瀏覽器窗口沒關(guān)之前存在于內(nèi) 存里。 缺點：就是 Ajax 在不同的瀏覽器運行時，由于各個瀏覽器之間的差異，是的開發(fā)者在眾多不同的平臺和瀏覽器上經(jīng)過嚴(yán)格的測試，但是隨著 Ajax技術(shù)的成熟，一些簡化跨平臺的 Ajax 程序庫，也相繼問世，程序員可以使用這些運行庫進(jìn)行Ajax 的開發(fā)，也不擔(dān)心 Ajax 的跨平臺性。與其他富客戶端技術(shù)不同， Ajax不需要任何瀏覽器插件，直接通過瀏覽器內(nèi)置的 javascript 控制瀏覽器的內(nèi)容和行為即可。 Ajax 技術(shù)的優(yōu)缺點： 作為富客戶端技術(shù)之一的 Ajax 的最大優(yōu)點，就是再不更新整個頁面的前提下維護(hù)數(shù)據(jù)。 這四種技術(shù)各司其職，其中 javascript 是其他三中的粘合劑， javascript可以通過修改 DOM 的結(jié)構(gòu)來改變界面，或者完全改變 DOM 的結(jié)構(gòu)來重新繪制用戶淮安信息職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計論文 6 界面； XMLHttpRequest 對象則用來與服務(wù)器進(jìn)行異步通信， javascript 也正是通過控制他來提交請求和獲取最新數(shù)據(jù)的。 XMLHttpRequest 對象用來在后臺向服務(wù)器端發(fā)送請求，數(shù)據(jù)的格式可以使任何的文本格式，如 XML、純文本。 Ajax 程序可以使用 CSS來控制頁面的樣式。大大提高了用戶的體驗感。 Ajax 的最大特點的就是很好的用戶體驗，大多數(shù)使用 Ajax 技術(shù)的 web 應(yīng)用程序，比同類沒有使用的 web 應(yīng)用程序的用戶體驗要好的多，盡管他們都能完成相類似的功能。用戶可以對自己喜歡的一些 關(guān)鍵字進(jìn)行選擇，這樣既方便了用戶定位自己的需要，又可以很好的引導(dǎo)搜索結(jié)果。 Ajax 的一個非常成功的案例就是 Google，當(dāng)用戶在 Google 的搜索輸入框中輸入關(guān)鍵字的時候。 本設(shè)計中，設(shè)置獲取聊天信息的 Application 對象的屬性的具體代碼如下 : StringsourceMessage=(“ message” ).toString()。 getAttribute()方法的基本語法如下： Application。 下面我們再來介紹 getAttribute()方法，該方法用于返回 Application 對象的指定屬性的值。 如本設(shè)計中的，設(shè)置保存聊天信的 Application 對象的屬性的具體代碼如下： application。 第二章 系統(tǒng)開發(fā)環(huán)境和關(guān)鍵技術(shù) 5 參數(shù)說明： name：用于指定的一個屬性名該屬性在整個 Servlet 上下文都適用。 首先來介紹 setAttribute()方法，該方法用于將一個對象綁定到一個屬性上，該屬性在整個 Servlet 上下文中都適用。 ServletContext application=getServletContext()。 圖 11 系統(tǒng)開發(fā)環(huán)境 Application 對象 Application 對象是一個環(huán)境上下文（ context）對象 ，用于保存應(yīng)用程序中的所有公有數(shù)據(jù)，服務(wù)器啟動并且自動創(chuàng)建 Application 對象以后，只要沒有關(guān)閉服務(wù)器， Application 對象將一直存在，并且可以被所有用戶共享。 最后，對本設(shè)計進(jìn)行歸納總結(jié)，全面闡述本次設(shè)計中的體會。 第四章是系統(tǒng)實現(xiàn)，分別介紹了服務(wù)器端和客戶端每個功能的執(zhí)行過程，畫出主要模塊的流程圖。將對系統(tǒng)進(jìn)行需求分析，對組成系統(tǒng)的功能模塊進(jìn)行劃分，對每個模塊將要實現(xiàn)的功能進(jìn)行闡述和說明。 第二章介紹了系統(tǒng)的開發(fā)環(huán)境和關(guān)鍵技術(shù)，例如 Ajax 技術(shù)、 JSP 技術(shù)、滾屏顯示技術(shù)等等。為實現(xiàn)和方便客戶端間通信，在客戶端進(jìn)行了人性化的界面設(shè)計 ,用戶可以輸入用戶名，登陸界面，改變字體顏色等功能。服務(wù)器端響應(yīng)模塊可提供聊天室界面元素信息獲得提交數(shù)據(jù)。聊天室系統(tǒng)為用戶提供了聊天場所 ,操 作員可對后臺網(wǎng)站的風(fēng)格、廣告鏈接等進(jìn)行設(shè)置；用戶可以根據(jù)個人的習(xí)慣選擇字體、文字顏色和表情等；前臺聊天室具有私聊的功能 ,私聊的內(nèi)容僅供私聊雙方查看 ； 聊天者可自己手動清除聊天內(nèi)容。一個更好的解決辦法是使用Ajax 技術(shù)的無刷新聊天室應(yīng)用。刷新在這樣的數(shù)據(jù)會帶來一些缺點，例 如：每次刷新服務(wù)器應(yīng)該重新獲取數(shù)據(jù)，大大提高了服務(wù)器上的負(fù)載，此刷新過程正在進(jìn)行，這將是非常嚴(yán)重的影響服務(wù)器的性能；每次刷新過程中會產(chǎn)生大量無用數(shù)據(jù)，不斷刷新頁面，用戶在客戶端方面，將導(dǎo)致屏幕閃爍。用戶在聊天室中可以發(fā)布信息，就如同所有用戶都在一個個真正室內(nèi)聊天一樣。 聊天室作為一個能夠吸引人氣的欄目，在現(xiàn)代網(wǎng)絡(luò)應(yīng)用中隨處可見。 因此，一些輔助的平臺和插件的開發(fā)也將是 Ajax 技術(shù)應(yīng)用當(dāng)中重要的一部分。Ajax 更新頁面無需刷新重載，這也使傳統(tǒng)的一些用戶交互行為變得不可用，如后退、前進(jìn)和刷新等。為了解決這些問題，開發(fā)人員已經(jīng)開發(fā)出了一些基于 Ajax 技術(shù)的框架，方便了開發(fā)人員使用 ,有利于 Ajax 技術(shù)的進(jìn)一步推廣。 隨著網(wǎng)絡(luò)應(yīng)用和界面表 現(xiàn)的復(fù)雜化，使用面向過程的 JavaScript 語言描述表現(xiàn)邏輯將會變得很困難。GIS 的區(qū)域搜索強(qiáng)調(diào)快速響應(yīng)， Ajax 的特點正好符合這種要求。當(dāng)用戶使用 MSN Space 提交回復(fù)評論時，瀏覽器會暫時停頓，然后刷新顯示用戶提交的評論，這是應(yīng)用了 Ajax 的原理。在這種方式下，用戶覺得就像是在自己的計算機(jī)上查看本地的地圖。當(dāng)用戶使用谷歌地圖查看地圖（包括地圖的縮放和平移地圖），并沒有提交任何請求到服務(wù)器，你就可以瀏覽到地圖的各個部分。在 Ajax 開發(fā)的應(yīng)用程序中， Google 公司成功將 Ajax 技術(shù)應(yīng)用到他們的商業(yè)產(chǎn)品。而當(dāng)程序性能的瓶頸在于服務(wù)器響應(yīng)時間的時候， Ajax 無法解決程序運行緩慢的問題。技術(shù)創(chuàng)新和標(biāo)準(zhǔn)化是 Ajax 技術(shù)發(fā)展的必由之路，而 W3C已成立了工作小組，專門從事 Ajax 的規(guī)范發(fā)展工作?？v觀所有的應(yīng)用程序，更好的用戶體驗是其的共同目標(biāo) ,在瀏覽器中實現(xiàn)桌面用戶界面體驗是 Web 開發(fā)的一種趨勢。 而 Ajax 有上述優(yōu)勢，例如 Google Suggest， Gmail， Google Map 等等交