【導讀】網絡聊天室便是其中之一。聊天室的即時交流方式滿足了網絡中多人同。時聊天交流的需要，使得較多的人在同一個聊天頁面進行交流變得方便，簡單。本設計的目的是采用jQuery框架開發(fā)一個網絡聊天室。jQuery是一個快速和簡潔。發(fā)應用的Ajax技術。本聊天室具有常用聊天室的所有功能，包括多人同時在線聊天,能顯示在線用戶列表，同時，為了管理聊天室中的用戶，設計了用戶注冊登陸功能,增加了聊天室的操作性。以及系統(tǒng)的具體功能介紹。聊天室在互聯(lián)網上的應用非常普遍，實現的方法也是多種

　　

【正文】 ta 可以是 xmlDoc, jsonObj, html, text, 等等 . //this。 // 這個 Ajax請求的選項配置信息，請參考 ()說到的 this alert()。 }, json)。 點擊提交： 這里設置了請求的格式為 json查看請求報頭（圖 32） ： 圖 32請求報頭信息 如果你設置了請求的格式為 json，此時你沒有設置 Response 回來的 ContentType為： = application/json， 那么你將無法捕捉到返回的數據。 注意一下， alert()。由于設置了 Accept 報頭為 “json”，這里返回的 data 就是一個對象，并不需要用 eval()來轉換為對象。 4. ( url, [callback] )： 通過 GET 方式請求載入并執(zhí)行一個 JavaScript文件。 參數 ： url(String)： 待載入 JS 文件地址。 callback\(Function)：（ 可選 ） 成功載入后回調函數。 jQuery 版本之前， getScript 只能調用同域 JS 文件。 中，您可以跨域調用 JavaScript 文件。注意： Safari 2 或更早的版本不能在全局作用域中同步執(zhí)行腳本。如果通過 getScript 加入腳本，請加入延時函數。 畢業(yè)設計（論文） 13 這個方法可以用在例如當只有編輯器 focus()的時候才去加載編輯器需要的 JS 文件 。 下面看一些示例代碼： 加載并執(zhí)行 。 jQuery 代碼 ： $.getScript()。 加載并執(zhí)行 ，成功后顯示信息。 jQuery 代碼 : $.getScript(, function(){ alert( 加載完成 )。 })。 5. jQuery Ajax 事件 Ajax 請求會產生若干不同的事件，我們可以訂閱這些事件并在其中處理我們的邏輯。在 jQuery 這里有兩種 Ajax 事件：局部事件和全局事件。 局部事件就是在每次的 Ajax 請求時在方法內定義的，例如： $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, 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) This event is broadcast if an Ajax request is started and no other Ajax requests are currently 基于 jQuery 的 Ajax 聊天室應用 14 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 請求加載遠程數據 。 這個是 jQuery 的底層 Ajax 實現。簡單易用的高層實現見 $.get， $.post 等。 $.ajax()返回其創(chuàng)建的 XMLHttpRequest 對象。大多數情況下你無需直接操作該對象，但特殊情況下可用于手動終止請求。 注意：如果你指定了 dataType 選項，請確保服務器返回正確的 MIME 信息， （ 如xml 返回 text/xml） 。錯誤的 MIME 類型可能導致不可預知的錯誤。見 Specifying the Data Type for AJAX Requests。 當設置 datatype 類型為 ‘ script’ 的時候，所有的遠程 (不在同一個域中 )POST 請求都回轉換為 GET 方式。 $.ajax()只有一個參數：參數 key/value 對象，包含各配置及回調函數信息。詳細參數選項見下 ： jQuery 中，可以跨域加載 JSON 數據，使用時需將數據類型設置為 JSONP。使用 JSONP 形式調用函數時，如 “ myurl?callback=?” jQuery 將自動替換 ?為正確的函數名，以執(zhí)行回調函數。數據類型設置為 “ jsonp” 時， jQuery 將自動調用回調函數。 參數列表： 參數名 類型 描 述 畢業(yè)設計（論文） 15 url String （ 默認 ： 當前頁地址 ） 發(fā)送請求的地址。 type String （ 默認 ： GET） 請求方式 （ POST或 GET） ， 默認為 GET。注意 ： 其它 HTTP 請求方法，如 PUT 和 DELETE也可以使用，但僅部分瀏覽器支持。 timeout Number 設置請求超時時間（毫秒）。此設置將覆蓋全局設置。 async Boolean （ 默認 : true） 默認設置下，所有請求均為異步請求。如果需要發(fā)送同步請求，請將此選項設置為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作 必須等待請求完成才可以執(zhí)行。 beforeSend Function 發(fā)送請求前可修改 XMLHttpRequest 對象的函數，如添加自定義 HTTP 頭。 XMLHttpRequest 對象是唯一的參數。 function (XMLHttpRequest) { this。 // the options for this ajax request } cache Boolean （ 默認 ： true） jQuery 新功能，設置為 false 將不會從瀏覽器緩存中加載請求信息。 plete Function 請求完成后回調函數 （ 請求成功或失敗時均調用 ） 。參數： XMLHttpRequest 對象，成功信息字符串。 function (XMLHttpRequest, textStatus) { this。 // the options for this ajax request } contentType String （ 默認 ： application/xformurlencoded） 發(fā)送信息至服務器時內容編碼類型。默認值適合大多數應用場合。 data Object, String 發(fā)送到服 務器的數據。將自動轉換為請求字符串格式。GET 請求中將附加在 URL 后。查看 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。如果為數組，jQuery 將自動為不同值對應同一個名稱。如 {foo:[bar1, bar2]}轉換為 39。amp。foo=bar1amp。foo=bar239。 dataType String 預期服務器返回的數據類型。如果不指定， jQuery 將自動根據 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作為回調函數參數傳遞，可用值 : xml： 返回 XML 文檔，可用 jQuery 處理。 html： 返回純文本 HTML 信息；包含 script 元素。 script： 返回純文本 JavaScript 代碼。不會自動緩存結果。 json： 返回 JSON 數據 。 jsonp： JSONP 格式。使用 JSONP 形式調用函數時，如 myurl?callback=?， jQuery將自動替換 ?為正確的函數名，以執(zhí)行回調函數。 基于 jQuery 的 Ajax 聊天室應用 16 error Function （ 默認 ： 自動判斷 （ xml 或 html）） 請求失敗時將調用此方法。這個方法有三個參數： 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） 僅在服務器數據改變時獲取新數據。使用 HTTP 包 LastModified 頭信息判斷。 processData Boolean （ 默認 : true） 默認情況下，發(fā)送的數據將被轉換為對象（ 技術上講并非字符串 ） 以配合默認內容類型application/xformurlencoded。如果要發(fā)送 DOM 樹信息或其它不希望轉換的信息，請設置為 false。 success Function 請求成功后回調函數。這個方法有兩個參數：服務器返回數據，返回狀態(tài) function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this。 // the options for this ajax request } 這里有幾個 Ajax 事件參數： beforeSend， success， plete， error。 我們可以定義這些事件來很好的處理我們的每一次的 Ajax 請求。注意一下，這些 Aj