【正文】 }, plete: function(){ // Handle the plete event } // ... })。全局事件是每次的 Ajax 請求都會觸發(fā)的，它會向 DOM 中的所有元素廣播，在上面 getScript()示例中加載的腳本就是全局 Ajax 事件。全局事件可以如下定義： $(loading).bind(ajaxSend, function(){ $(this).show()。 }).bind(ajaxComplete, function(){ $(this).hide()。 })?；蛘撸?$(loading).ajaxStart(function(){ $(this).show()。 })。 我們可以在特定的請求將全局事件禁用，只要設置下 global 選項就可以了： $.ajax({ url: , global: false,// 禁用全局 Ajax 事件. // ... })。下面是 jQuery 官方給出的完整的 Ajax 事件列表：ajaxStart(Global Event)基于 jQuery 的 Ajax 聊天室應用 14 This event is broadcast if an Ajax request is started and no other Ajax requests are currently running.beforeSend(Local Event)This event, which is triggered before an Ajax request is started, allows you to modify the XMLHttpRequest object (setting additional headers, if need be.)ajaxSend(Global Event)This global event is also triggered before the request is run.success(Local Event)This event is only called if the request was successful (no errors from the server, no errors with the data).ajaxSuccess(Global Event)This event is also only called if the request was successful.error(Local Event)This event is only called if an error occurred with the request (you can never have both an error and a success callback with a request).ajaxError(Global Event)This global event behaves the same as the local error event.plete(Local Event)This event is called regardless of if the request was successful, or not. You will always receive a plete callback, even for synchronous requests.ajaxComplete(Global Event)This event behaves the same as the plete event and will be triggered every time an Ajax request finishes.ajaxStop(Global Event)This global event is triggered if there are no more Ajax requests being processed.具體的全局事件請參考 API 文檔。好了，下面開始介紹 jQuery 里面功能最強的 Ajax 請求方法$.ajax()。( options )：通過 HTTP 請求加載遠程數(shù)據(jù)。這個是 jQuery 的底層 Ajax 實現(xiàn)。簡單易用的高層實現(xiàn)見$.get，$.post 等。$.ajax()返回其創(chuàng)建的 XMLHttpRequest 對象。大多數(shù)情況下你無需直接操作該對象，但特殊情況下可用于手動終止請求。注意：如果你指定了 dataType 選項，請確保服務器返回正確的 MIME 信息， （如xml 返回text/xml） 。錯誤的 MIME 類型可能導致不可預知的錯誤。見 Specifying the Data Type for AJAX Requests。當設置 datatype 類型為‘ script’的時候，所有的遠程(不在同一個域中)POST 請求都回轉(zhuǎn)換為 GET 方式。$.ajax()只有一個參數(shù)：參數(shù) key/value 對象，包含各配置及回調(diào)函數(shù)信息。詳細參數(shù)選項見下：jQuery 中，可以跨域加載 JSON 數(shù)據(jù)，使用時需將數(shù)據(jù)類型設置為 JSONP。使用 JSONP 形式調(diào)用函數(shù)時，如“myurl?callback=?”jQuery 將自動替換?為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。數(shù)據(jù)類型設置為“jsonp”時，jQuery 將自動調(diào)用回調(diào)函數(shù)。參數(shù)列表：畢業(yè)設計（論文） 15 參數(shù)名 類型 描述url String （默認：當前頁地址）發(fā)送請求的地址。type String （默認：GET）請求方式 （POST或GET ） ，默認為GET。注意：其它 HTTP 請求方法，如 PUT 和DELETE 也可以使用，但僅部分瀏覽器支持。timeout Number 設置請求超時時間（毫秒） 。此設置將覆蓋全局設置。async Boolean （默認: true ） 默認設置下，所有請求均為異步請求。如果需要發(fā)送同步請求，請將此選項設置為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執(zhí)行。beforeSend Function 發(fā)送請求前可修改 XMLHttpRequest 對象的函數(shù)，如添加自定義 HTTP 頭。XMLHttpRequest 對象是唯一的參數(shù)。function (XMLHttpRequest) { this。 // the options for this ajax request}cache Boolean （默認：true）jQuery 新功能，設置為 false 將不會從瀏覽器緩存中加載請求信息。plete Function 請求完成后回調(diào)函數(shù)（請求成功或失敗時均調(diào)用） 。參數(shù)：XMLHttpRequest 對象，成功信息字符串。function (XMLHttpRequest, textStatus) { this。 // the options for this ajax request}contentType String （默認：application/xformurlencoded）發(fā)送信息至服務器時內(nèi)容編碼類型。默認值適合大多數(shù)應用場合。data Object,String發(fā)送到服務器的數(shù)據(jù)。將自動轉(zhuǎn)換為請求字符串格式。GET 請求中將附加在 URL 后。查看 processData 選項說明以禁止此自動轉(zhuǎn)換。必須為 Key/Value 格式。如果為數(shù)組，jQuery 將自動為不同值對應同一個名稱。如 {foo:[bar1, bar2]}轉(zhuǎn)換為39。amp。foo=bar1amp。foo=bar239。dataType String 預期服務器返回的數(shù)據(jù)類型。如果不指定，jQuery 將自動根據(jù) HTTP 包 MIME 信息返回 responseXML 或 responseText，并作為回調(diào)函數(shù)參數(shù)傳遞，可用值:xml：返回 XML 文檔，可用 jQuery 處理。html：返回純文本 HTML 信息；包含 script 元素。script：返回純文本 JavaScript 代碼。不會自動緩存結果。json：返回 JSON 數(shù)據(jù) ?；?jQuery 的 Ajax 聊天室應用 16 jsonp：JSONP 格式。使用 JSONP 形式調(diào)用函數(shù)時，如myurl?callback=?，jQuery 將自動替換?為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。error Function （默認：自動判斷（xml 或 html） ）請求失敗時將調(diào)用此方法。這個方法有三個參數(shù)：XMLHttpRequest 對象，錯誤信息， （可能）捕獲的錯誤對象。function (XMLHttpRequest, textStatus, errorThrown) { // 通常情況下 textStatus 和 errorThown 只有其中一個有值 this。 // the options for this ajax request}global Boolean （默認：true）是否觸發(fā)全局 AJAX 事件。設置為false 將不會觸發(fā)全局 Ajax 事件，如 ajaxStart 或ajaxStop。可用于控制不同的 Ajax 事件ifModified Boolean （默認：false）僅在服務器數(shù)據(jù)改變時獲取新數(shù)據(jù)。使用 HTTP 包 LastModified 頭信息判斷。processData Boolean （默認: true ）默認情況下，發(fā)送的數(shù)據(jù)將被轉(zhuǎn)換為對象（技術上講并非字符串）以配合默認內(nèi)容類型application/xformurlencoded。如果要發(fā)送 DOM樹信息或其它不希望轉(zhuǎn)換的信息，請設置為 false。success Function 請求成功后回調(diào)函數(shù)。這個方法有兩個參數(shù)：服務器返回數(shù)據(jù)，返回狀態(tài)function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this。 // the options for this ajax request}這里有幾個 Ajax 事件參數(shù)： beforeSend，success ， plete，error。我們可以定義這些事件來很好的處理我們的每一次的 Ajax 請求。注意一下，這些 Ajax 事件里面的this 都是指向 Ajax 請求的選項信息的（請參考圖 31） 。請認真閱讀上面的參數(shù)列表，如果要用 jQuery 來進行 Ajax 開發(fā)，那么這些參數(shù)你都必需熟知的。畢業(yè)設計（論文） 17 第 4 章 系統(tǒng)設計 基于 jQuery 的 Ajax 聊天室 功能要求聊天室是一個提供人們在線溝通交流和聯(lián)系的平臺。本系統(tǒng)的總目標是在計算機網(wǎng)絡、數(shù)據(jù)庫和先進的開發(fā)平臺 MyEclipse 上，利用 Tomcat，配置一定的硬件，開發(fā)一個具有開放體系結構的、易擴充的、易維護的、具有良好人機交互界面的無刷新聊天室。該聊天室不但可以實時顯示在線人員列表，而且可以實時顯示聊天信息，可以提供多人同時在線聊天。 聊天室總體功能結構圖滔滔聊天室聊天登陸注冊圖 41 聊天室總體功能結構圖 聊天室總體架構本系統(tǒng)采用了時下比較流行的三層架構，即表現(xiàn)層（展現(xiàn)給用戶的界面，方便用戶和系統(tǒng)進行交互） 、業(yè)務邏輯層（處理涉及到的業(yè)務邏輯）和數(shù)據(jù)訪問（直接和數(shù)據(jù)庫進行數(shù)據(jù)交換）層，使得系統(tǒng)能夠適應多種不同的使用環(huán)境。當環(huán)境發(fā)生一系列的變化時，對系統(tǒng)所要做的只是改變其配置文件，極大的增加了系統(tǒng)的擴展性。以下將簡要描述三層體系結構。1. 三層體系所謂三層體系結構，是在客戶端與數(shù)據(jù)庫之間加入了一個“中間層” ，也叫組件層。這里所說的三層體系，不是指物理上的三層，不是簡單地放置三臺機器就是三層體系結構，也不僅僅有 B/S 應用才是三層體系結構，三層是指邏輯上的三層，即使這三個層放置到一臺機器上。三層體系的應用程序?qū)I(yè)務規(guī)則、數(shù)據(jù)訪問、合法性校驗等工作放到了中間層進行處理。通常情況下，客戶端不直接與數(shù)據(jù)庫進行交互，而是通過 COM/DCOM 通訊基于 jQuery 的 Ajax 聊天室應用 18 與中間層建立連接，再經(jīng)由中間層與數(shù)據(jù)庫進行交互。一個好的分層式結構，可以使得開發(fā)人員的分工更加明確。一旦定義好各層次之間的接口，負責不同邏輯設計的開發(fā)人員就可以分散關注，齊頭并進。例如 UI 人員只需考慮用戶界面的體驗與操作，領域的設計人員可以僅關注業(yè)務邏輯的設計，而數(shù)據(jù)庫設計人員也不必為繁瑣的用戶交互而頭疼了。每個開發(fā)人員的任務得到了確認，開發(fā)進度就可以迅速的提高。松散耦合的好處是顯而易見的。如果一個系統(tǒng)沒有分層，那么各自的邏輯都緊緊糾纏在一起，彼此間相互依賴，誰都是不可替換的。一旦發(fā)生改變，則牽一發(fā)而動全身，對項目的影響極為嚴重。降低層與層間的依賴性，既可以良好地保證未來的可擴展，在復用性上也是優(yōu)勢明顯。每個功能模塊一旦定義好統(tǒng)一的接口，就可以被各個模塊所調(diào)用，而不用為相同的功能進行重復地開發(fā)。進行好的分層式結構設計，標準也是必不可少的。只有在一定程度的標準化基礎上，這個系統(tǒng)才是可擴展的，可替換的。而層與層之間的通信也必然保證了接口的標準化。如果現(xiàn)在用的系統(tǒng)是 SQL Server 數(shù)據(jù)庫，由于各種原因要更改用