ajax課件-很好的課件(編輯修改稿)

　

【文章內容簡介】 首部的名字 。 參數 value：首部的值。 ?如果用 POST 請求向服務器發送數據，需要將 “ Contenttype” 的首部設置為 “ application/xformurlencoded”.它會告知服務器正在發送數據，并且數據已經符合 URL編碼了。 ?該方法必須在 open()之后才能調用 ?完整的 Ajax 的 POST 請求示例： —高級軟件人才實作培訓專家 ! 北京傳智播客教育 接收 方法和屬性介紹 ? 用 XMLHttpRequest 的方法可向服務器發送請求。在 Ajax 處理過程中， XMLHttpRequest 的如下屬性可被服務器更改： ?readyState ?status ?responseText ?responseXML —高級軟件人才實作培訓專家 ! 北京傳智播客教育 接收 方法和屬性介紹 ? readyState ? readyState 屬性 表示 Ajax請求的當前狀態 。它的值用數字代表 。 ?0 代表未初始化。 還沒有調用 open 方法 ?1 代表正在加載。 open 方法已被調用，但 send 方法還沒有被調用 ?2 代表已加載完畢。 send 已被調用。請求已經開始 ?3 代表交互中。服務器正在發送響應 ?4 代表完成。響應發送完畢 ?每次 readyState 值的改變，都會觸發 readystatechange 事件 。如果把 onreadystatechange 事件處理函數賦給一個函數，那么每次 readyState 值的改變都會引發該函數的執行。 ?readyState 值的變化會因瀏覽器的不同而有所差異。 但是，當請求結束的時候，每個瀏覽器都會把 readyState 的值統一設為 4 —高級軟件人才實作培訓專家 ! 北京傳智播客教育 接收 方法和屬性介紹 ? status ?服務器發送的每一個響應也都帶有首部信息。三位數的狀態碼是服務器發送的響應中最重要的首部信息，并且屬于超文本傳輸協議中的一部分。 ?常用狀態碼及其含義： ?404 沒找到頁面 (not found) ?403 禁止訪問 (forbidden) ?500 內部服務器出錯 (internal service error) ?200 一切正常 (ok) ?304 沒有被修改 (not modified)(服務器返回 304狀態，表示源文件沒有被修改 ) ?在 XMLHttpRequest 對象中，服務器發送的狀態碼都保存在 status 屬性里。通過把這個值和 200 或 304 比較，可以確保服務器是否已發送了一個成功的響應 —高級軟件人才實作培訓專家 ! 北京傳智播客教育 接收 方法和屬性介紹 ? responseText ? XMLHttpRequest 的 responseText 屬性 包含了從服務器發送的數據 。它是一個 HTML,XML或普通文本，這取決于服務器發送的內容。 ? 當 readyState 屬性值變成 4 時 , responseText 屬性才可用，表明 Ajax 請求已經結束。 —高級軟件人才實作培訓專家 ! 北京傳智播客教育 接收 方法和屬性介紹 ? responseXML ? 如果服務器返回的是 XML， 那么數據將儲存在 responseXML 屬性中。 ? 只用服務器發送了帶有正確首部信息的數據時， responseXML 屬性才是可用的。 MIME 類型必須為 text/xml —高級軟件人才實作培訓專家 ! 北京傳智播客教育 AJAX開發框架 AJAX實質上也是遵循 Request/Server模式，所以這個框架基本的流程是： ? 對象 初始化 ? 發送請求 ? 服務器接收 ? 服務器返回 ? 客戶端接收 ? 修改客戶端頁面內容。 只不過這個過程是異步的。 —高級軟件人才實作培訓專家 ! 北京傳智播客教育 A 初始化 XMLHttpRequest對象 function createXmlHttpRequest(){ var xmlHttp。 try{ //Firefox, Opera +, Safari xmlHttp=new XMLHttpRequest()。 }catch (e){ try{ //Inter Explorer xmlHttp=new ActiveXObject()。 }catch (e){ try{ xmlHttp=new ActiveXObject()。 }catch (e){} } } return xmlHttp。 } —高級軟件人才實作培訓專家 ! 北京傳智播客教育 B、 指定響應處理函數 ? 指定當服務器返回信息時客戶端的處理方式。只要將相應的處理函數名稱賦給 XMLHttpRequest對象的 onreadystatechange屬性就可以了 .比如： = processResponse。 ? 注意 :這個函數名稱不加括號，不指定參數。也可以用Javascript函數直接量方式定義響應函數。比如： = function() { }。 // 處理返回信息的函數 function processResponse() { } —高級軟件人才實作培訓專家 ! 北京傳智播客教育 C、發出 HTTP請求 ? 向服務器發出 HTTP請求了。這一步調用 XMLHttpRequest對象的 open和 send方法。 (39。GET39。, 39。 true)。 (null) ? 按照順序， open調用完畢之后要調用 send方法。 send的參數如果是以 Post方式發出的話，可以是任何想傳給服務器的內容。 ? 注意 :如果要傳文件或者 Post內容給服務器，必須先調用setRequestHeader方法，修改 MIME類別。如下： ? (“ContentType”,”application/xfo