第13章Ajax技術01Ajax概述

02Ajax技術的組成

03Ajax與PHP的交互1Ajax概述主要內容

什么是Ajax

Ajax的開發(fā)模式

Ajax的優(yōu)點

010203什么是Ajax

Ajax是AsynchronousJavaScriptAndXML的縮寫，即異步JavaScript和XML技術。Ajax的開發(fā)模式

Ajax中，頁面中用戶的操作將通過Ajax引擎與服務器端進行通信，然后將返回結果提交給客戶端頁面的Ajax引擎，再由Ajax引擎來決定將這些數據插入到頁面的指定位置。Ajax的優(yōu)點無刷新更新頁面。減輕服務器和帶寬的負擔，節(jié)約空間和寬帶租用成本。減輕服務器的負擔?？梢哉{用XML等外部數據，進一步促進Web頁面顯示和數據的分離。Ajax是基于標準化并被廣泛支持的技術，不需要下載插件或者小程序。2Ajax技術的組成主要內容

JavaScript腳本語言

XMLHttpRequest對象

XML語言010203

DOM04

CSS05

JavaScript是一種具有豐富的面向對象特性的程序設計語言，利用它能執(zhí)行許多復雜的任務，例如，Ajax就是利用JavaScript將DOM、XHTML（或HTML）、XML以及CSS等技術綜合起來，并控制它們的行為。JavaScript腳本語言XMLHttpRequest對象為了提高程序的兼容性，可以創(chuàng)建一個跨瀏覽器的XMLHttpRequest對象。if(window.XMLHttpRequest){ //Mozilla、Safari等瀏覽器 http_request=newXMLHttpRequest();}elseif(window.ActiveXObject){ //IE瀏覽器 try{ http_request=newActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ http_request=newActiveXObject("Microsoft.XMLHTTP");

}catch(e){} }}XMLHttpRequest對象

open()方法用于設置進行異步請求目標的URL、請求方法以及其他參數信息。

XMLHttpRequest對象的常用方法open()方法open("method","URL"[,asyncFlag[,"userName"[,"password"]]])語法XMLHttpRequest對象

send()方法用于向服務器發(fā)送請求。如果請求聲明為異步，該方法將立即返回，否則將等到接收到響應為止。send()方法send(content)語法

setRequestHeader()方法為請求的HTTP頭設置值。setRequestHeader()方法setRequestHeader("label","value")語法XMLHttpRequest對象

abort()方法用于停止當前異步請求。abort()方法

getAllResponseHeaders()方法用于以字符串形式返回完整的HTTP頭信息，當存在參數時，表示以字符串形式返回由該參數指定的HTTP頭信息。getAllResponseHeaders()方法XMLHttpRequest對象

XMLHttpRequest對象的常用屬性屬性說明onreadystatechange每次狀態(tài)改變都會觸發(fā)這個事件處理器，通常會調用一個JavaScript函數readyState請求的狀態(tài)。responseText服務器的響應，表示為字符串responseXML服務器的響應，表示為XML。這個對象可以解析為一個DOM對象status返回服務器的HTTP狀態(tài)碼statusText返回HTTP狀態(tài)碼對應的文本XMLHttpRequest對象

XMLHttpRequest對象與服務器交互

Ajax與服務器的交互分為以下3個步驟：（1）初始化XMLHttpRequest對象（2）設置請求狀態(tài)和返回處理函數（3）發(fā)送HTTP請求xmlobj.onreadystatechange=function_name;語法xmlobj.open(send_method,url,flag);語法XML語言

XML是eXtensibleMarkupLanguage（可擴展的標記語言）的縮寫，它提供了用于描述結構化數據的格式。DOM

DOM是DocumentObjectModel（文檔對象模型）的縮寫，它為XML文檔的解析定義了一組接口。在Ajax應用中，通過JavaScript操作DOM，可以達到在不刷新頁面的情況下實時修改用戶界面的目的。CSS

CSS是CascadingStyleSheet（層疊樣式表）的縮寫，是用于控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。3

Ajax與PHP的交互主要內容

通過GET方式與PHP進行交互

通過POST方式與PHP進行交互在電子商務平臺網中應用Ajax技術檢測用戶名010203通過GET方式與PHP進行交互【實例】應用GET方式，通過XMLHttpRequest對象與PHP進行交互。通過POST方式與PHP進行交互【實例】應用POST方式，通過XMLHttpRequest對象與PHP進行交互。將表單中的數據無刷新添加到指定的數據表中，添加成功后輸出數據表中的數據。在電子商務平臺網中應用Ajax技術檢測用戶名【實例】在電子商務平臺網的用戶