【正文】 success Function 請(qǐng)求成功后回調(diào)函數(shù)。這個(gè)方法有三個(gè)參數(shù)： XMLHttpRequest 對(duì)象，錯(cuò)誤信息，（可能）捕獲的錯(cuò)誤對(duì)象。如果不指定， jQuery 將自動(dòng)根據(jù) HTTP 包 MIME 信息返回 responseXML 或 responseText，并作為回調(diào)函數(shù)參數(shù)傳遞，可用值 : xml： 返回 XML 文檔，可用 jQuery 處理。查看 processData 選項(xiàng)說明以禁止此自動(dòng)轉(zhuǎn)換。 plete Function 請(qǐng)求完成后回調(diào)函數(shù) （ 請(qǐng)求成功或失敗時(shí)均調(diào)用 ） 。此設(shè)置將覆蓋全局設(shè)置。 $.ajax()只有一個(gè)參數(shù)：參數(shù) key/value 對(duì)象，包含各配置及回調(diào)函數(shù)信息。 這個(gè)是 jQuery 的底層 Ajax 實(shí)現(xiàn)。 }).bind(ajaxComplete, function(){ $(this).hide()。 加載并執(zhí)行 ，成功后顯示信息。 callback\(Function)：（ 可選 ） 成功載入后回調(diào)函數(shù)。 jQuery 代碼： $.post(, { Action: post, Name: lulu }, function (data, textStatus){ // data 可以是 xmlDoc, jsonObj, html, text, 等等 . //this。 type(String)：（ 可選 ） 官方的說明是： Type of data to be sent。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax 示例代碼： $.get(./, {Action:get,Name:lulu}, function (data, textStatus){ //返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等 . this。//請(qǐng)求返回的內(nèi)容 //alert(textStatus)。 data(Map) ：（ 可選參數(shù) ） 發(fā)送至服務(wù)器的 key/value 數(shù)據(jù)。 3. 對(duì)搜索引擎的支持的不足 對(duì)于搜索引擎的支持也是 Ajax 的一項(xiàng)缺憾 。它在客戶端創(chuàng)建 Ajax 引擎，把傳統(tǒng)方式下的一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)移到客戶端，便于客戶端資源來水處理，減輕服務(wù)器和寬帶的負(fù)擔(dān)。 (2)支持 CSS1 到 CSS3 選擇器 (3)完善的處理機(jī)制 使用 jQuery 獲取網(wǎng)頁中不存在的元素也不會(huì)報(bào)錯(cuò) [7]。 jQuery 選擇器 選擇器是 jQuery 的根基，在 jQuery 中，對(duì)事件處理、遍歷 DOM 和 Ajax 操作都依賴于選擇器。 配置 jQuery 環(huán)境 為了能順利的 應(yīng)用 jQuery 技術(shù) ， 首先 必須要 進(jìn)入 jQuery 的官方網(wǎng)站 jQuery 庫文件。從某種程度上來講，Strut2 沒有繼承 Struts 1 的血統(tǒng)，而是繼承了 WebWork 的血統(tǒng)。如果我們想混合使用 Servlets 和 JSP 的 優(yōu)點(diǎn) 來建立可擴(kuò)展的應(yīng)用， struts 是一個(gè)不錯(cuò)的選擇。 jQuery 還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說明很全，而且 各種應(yīng)用也說得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。通過 Ajax， JavaScript 可使用 JavaScript 的 XMLHttpRequest 對(duì)象來直接與服務(wù)器進(jìn)行通信 [4]。 out 對(duì)象用于各種數(shù)據(jù)的輸出。它是 HttpServletRequest 的實(shí)例。服務(wù)器在頁面被客戶端請(qǐng)求以后對(duì)這些 Java 代碼進(jìn)行處理，然后將生成的 HTML 頁面返回給客戶端的瀏覽器。另外， Tomcat 和 IIS、 Apache 等Web 服務(wù)器一樣，具有處理 HTML 頁面的功能，另外它還是一個(gè) Servlet 和 JSP 容器 ，獨(dú)立的 Servlet 容器是 Tomcat 的默認(rèn)模式。事實(shí)上， MySQL 的穩(wěn)定性足以應(yīng)付一個(gè)超大規(guī)模的數(shù)據(jù)庫。 （ 2） MySQL 可運(yùn)行在不同的操作系統(tǒng)下。 SQL 是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。 系統(tǒng)開發(fā)目的與意義 網(wǎng)絡(luò)聊天系統(tǒng)是為人與人之間進(jìn)行交流和聯(lián)系提供的一個(gè)平臺(tái)。目前，用于實(shí)現(xiàn)單一的即時(shí)通訊、文件共享的軟件實(shí)在太少，并且，它們中大部分都是絕對(duì)的 C/S 模式，對(duì)遠(yuǎn)程服務(wù)器有非常大的依賴性，沒有徹底實(shí)現(xiàn)點(diǎn)對(duì)點(diǎn)的交流。各種在線服務(wù)系統(tǒng)，更是深刻的影響了人們的聯(lián)系和交流方式，使得人們可以在遠(yuǎn)隔千里之遙隨時(shí)通訊。作為 Inter 上一種先進(jìn)的，易于被人們所接受的信息檢索手段， World Wide Web（ 簡稱 WWW） 發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。 本設(shè)計(jì) 的目的是 采用 jQuery 框架 開發(fā)一個(gè) 網(wǎng)絡(luò)聊天室 。 jQuery 是一個(gè)快速和簡潔的 JavaScript 庫，它簡化了 HTML 文件的文檔遍歷、事件處理、動(dòng)畫以及快速 Web 開發(fā)應(yīng)用的 Ajax 技術(shù)。如今，人們不僅可以在網(wǎng)上查詢自己需要的資源，而且可以通過網(wǎng)絡(luò)進(jìn)行實(shí)時(shí)的溝通。過去的種種 陳舊的聯(lián)系方式，已經(jīng)不能滿足現(xiàn)代生活的需要。 在常見的聊天室開發(fā)中，有基于 ASP、基于 SOCKET、基于 JAVA 開發(fā)的聊天室，本系統(tǒng)采用基于 JSP 采用 jQuery 和 Ajax 技術(shù)進(jìn)行開發(fā)。通過提供完善的聊天服務(wù)和規(guī)范的管理，可以達(dá)到增進(jìn)人與人之間的感情，促進(jìn)人們之間的溝通，方便人們聯(lián)系的目的；同時(shí)本系統(tǒng)可以拉近人與人之間的距離， 豐富人們的業(yè)余時(shí)間，為人們?cè)诰W(wǎng)絡(luò)中交友提供了便捷的渠道。 MySQL 軟件采用了 GPL（ GNU 通用公共許可證 ）。 （ 3） MySQL 有一個(gè)非常靈活而且安全的 權(quán)限和口令系統(tǒng)。 （ 7） 強(qiáng)大的查詢功能。不過， Tomcat 處理靜態(tài) HTML 的能力不如Apache 服務(wù)器。Java Servlet 是 JSP 的技術(shù)基礎(chǔ)，而且大型的 Web 應(yīng)用程序的開發(fā)需要 Java Servlet 和JSP 配合才能完成。 2. response 對(duì)象：對(duì)客戶的請(qǐng)求做出 動(dòng)態(tài) 的響應(yīng)，向客戶端發(fā)送數(shù)據(jù)。 畢業(yè)設(shè)計(jì)（論文） 5 JavaScript JavaScript 是 Netscape 公司開發(fā)的一種腳本語言。通過 這個(gè)對(duì)象 JavaScript 可在不重載頁面的情況與 Web 服務(wù)器交換數(shù)據(jù)。 jQuery 能夠使用戶的 HTML 頁保持代碼和 HTML 內(nèi)容分離，也就是說，不用再在 HTML 里面插入一堆 js 來調(diào)用命令了，只需定義 id 即可。 Struts 1 框架以 ActionServlet 作為核心控制器，整個(gè)應(yīng)用由客戶端請(qǐng)求驅(qū)動(dòng)?；蛘哒f， WebWork 衍生出了 Struts 2，而不是 Struts 1 衍生了 Struts 2。 jQuery 庫的類型分為兩種，分別是（ 18KB， Minified and Gripped）和 （ 114KB， Unpressed）。 畢業(yè)設(shè)計(jì)（論文） 9 在開始了解 jQuery 選擇器之前，有必要了解一下 CSS 技術(shù)。 jQuery 與 Ajax 的應(yīng)用 Ajax 全稱為“ Asynchronous JavaScirpt and XML”（異步 JavaScript 和 XML），它并不是指一種單一的技術(shù)，而是有機(jī)地利用了一系列交互式網(wǎng)頁應(yīng)用相關(guān)的技術(shù)所形成的結(jié)合體。 Ajax 的不足： 1. 瀏覽器對(duì) XMLHttpRequest 對(duì)象的支持度不足 Ajax 的不足之一首先來自于瀏覽器。 通過搜索引擎都是通過爬蟲程序來對(duì)互聯(lián)網(wǎng)上的數(shù)以億計(jì)的海量數(shù)據(jù)來進(jìn)行搜索整理的，然而爬蟲程序現(xiàn)在還不能理解那些奇怪的 JavaScript 代碼和因此引起的頁面內(nèi)容的變化，這使得應(yīng)用 Ajax 的站點(diǎn)在網(wǎng)絡(luò)推廣上相對(duì)于傳統(tǒng)站點(diǎn)明顯處于劣勢(shì)。 callback(Callback)：（ 可選參數(shù) ） 請(qǐng)求完成時(shí) （ 不需要是 success 的 ） 的回調(diào)函數(shù)。//請(qǐng)求狀態(tài)： success， error //alert(XMLHttpRequest)。 // 在這里 this 指向的是 Ajax 請(qǐng)求的選項(xiàng)配置信息，請(qǐng)參考下圖 alert(data)。其實(shí)應(yīng)該為客戶端請(qǐng)求的類型 （ JSONX， ML 等等 ） 這是一個(gè)簡單的 POST 請(qǐng)求功能以取代復(fù)雜 $.ajax。 // 這個(gè) Ajax請(qǐng)求的選項(xiàng)配置信息，請(qǐng)參考 ()說到的 this alert()。 jQuery 版本之前， getScript 只能調(diào)用同域 JS 文件。 jQuery 代碼 : $.getScript(, function(){ alert( 加載完成 )。 })。簡單易用的高層實(shí)現(xiàn)見 $.get， $.post 等。詳細(xì)參數(shù)選項(xiàng)見下 ： jQuery 中，可以跨域加載 JSON 數(shù)據(jù)，使用時(shí)需將數(shù)據(jù)類型設(shè)置為 JSONP。 async Boolean （ 默認(rèn) : true） 默認(rèn)設(shè)置下，所有請(qǐng)求均為異步請(qǐng)求。參數(shù)： XMLHttpRequest 對(duì)象，成功信息字符串。必須為 Key/Value 格式。 html： 返回純文本 HTML 信息；包含 script 元素。 function (XMLHttpRequest, textStatus, errorThrown) { // 通常情況下 textStatus 和 errorThown只有其中一個(gè)有值 this。這個(gè)方法有兩個(gè)參數(shù)：服務(wù)器返回?cái)?shù)據(jù)，返回狀態(tài) function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this。如果要發(fā)送 DOM 樹信息或其它不希望轉(zhuǎn)換的信息，請(qǐng)?jiān)O(shè)置為 false。 基于 jQuery 的 Ajax 聊天室應(yīng)用 16 error Function （ 默認(rèn) ： 自動(dòng)判斷 （ xml 或 html）） 請(qǐng)求失敗時(shí)將調(diào)用此方法。 dataType String 預(yù)期服務(wù)器返回的數(shù)據(jù)類型。GET 請(qǐng)求中將附加在 URL 后。 // the options for this ajax request } cache Boolean （ 默認(rèn) ： true） jQuery 新功能，設(shè)置為 false 將不會(huì)從瀏覽器緩存中加載請(qǐng)求信息。 timeout Number 設(shè)置請(qǐng)求超時(shí)時(shí)間（毫秒）。 當(dāng)設(shè)置 datatype 類型為 ‘ script’ 的時(shí)候，所有的遠(yuǎn)程 (不在同一個(gè)域中 )POST 請(qǐng)求都回轉(zhuǎn)換為 GET 方式。 ( options )： 通過 HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù) 。全局事件可以如下定義： $(loading).bind(ajaxSend, function(){ $(this).show()。 jQuery 代碼 ： $.getScript()。 參數(shù) ： url(String)： 待載入 JS 文件地址。})。 callback(Function)：（ 可選 ） 載入成功時(shí)回調(diào)函數(shù) （ 只有當(dāng) Response 的返回狀態(tài)是success 才是調(diào)用該方法 ） 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。//在這里 this 指向的是當(dāng)前的 DOM 對(duì)象，即 $(.)[0] //alert(responseText)。 url(String) ： 請(qǐng)求的 HTML 頁的 URL 地址。然而，對(duì)于用戶來說，他們經(jīng)常會(huì)碰到這種情況，當(dāng)單機(jī)一個(gè)按鈕觸發(fā)了一個(gè) Ajax 交互后又覺得不想這樣做，接著會(huì)習(xí)慣性地單擊“后退”按鈕，結(jié)果發(fā)生了最不愿意看到的結(jié)果，瀏覽器后退到了先前的一個(gè)頁面，通過 Ajax 交互得到的內(nèi)容完全消失了。 基于 jQuery 的 Ajax 聊天室應(yīng)用 10 4. 減輕服務(wù)器和寬帶的負(fù)擔(dān) Ajax 的工作原理相當(dāng)于在用戶和服務(wù)器之間加了一個(gè)中間層，使用戶操作與服務(wù)器響應(yīng)異步化。其中， $(“ID”)用來代替 ()函數(shù) ，即通過 ID 獲取元素； $(“tagName”)用來代替 ()函數(shù) ，即通過標(biāo)簽名獲取 HTML 元素。 }) /script 這段代碼的作用類似于傳統(tǒng) JavaScript 中得 方法。 jQuery 憑借簡潔的語法和跨平臺(tái)的兼容性，極大地簡化了 JavaScript 開發(fā)人員遍歷 HTML 文檔、操作 DOM、處理事件、執(zhí)行動(dòng)畫和開發(fā) Ajax 的操作，其獨(dú)特而又優(yōu)雅的代碼風(fēng)格改變了 JavaScript 程序員的設(shè)計(jì)思路和編寫程序的方式 [1]。 Struts 2 與 Struts 1 相比，確實(shí)有很多革命性的改進(jìn)，但它并不是新發(fā)布的新框架，而是在另一個(gè)赫赫有名的框架： WebWork 基礎(chǔ)上發(fā)展起來的。使用 Struts 的目的是為了幫助我們減少在運(yùn)用 MVC 設(shè)計(jì)模型來開發(fā) Web 應(yīng)用的時(shí)間。 jQuery 使用戶能更方便地處理 HTML documents、 events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供 Ajax 交互。 Ajax 技術(shù) Ajax 即 “ Asynchronous JavaScript and XML”（ 異步 JavaScript 和 XML） ， Ajax 不是一種新的編程語言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的 Web 應(yīng)用程序的技術(shù)。 5. out 對(duì)象 ：