2011年3月就業(yè)235ajax基礎(chǔ)javascript增強(qiáng)課件

Ajax1HTTP163郵件系統(tǒng)的登陸，服務(wù)器端實(shí)際上只需要用戶名和密2、從圖上可以看出來，客戶端沒有再發(fā)送http請(qǐng)求，而是用JavaScript調(diào)用一個(gè)叫Ajaxengine來發(fā)送數(shù)據(jù)，所以不用提交整個(gè)頁(yè)面。1、不用提交整個(gè)頁(yè)面，而是用JavaScript提交具體的數(shù)據(jù)，這樣就使web2.0ajaxAjax(AsynchronousJavaScriptandXml).現(xiàn)在，允許瀏覽器與服務(wù)器通信而無須刷新當(dāng)前頁(yè)面的技術(shù)都被叫做Ajax.AJAX:(AsynchronousJavaScriptandXML)并不是一項(xiàng)新技術(shù),其實(shí)是多種技術(shù)的綜合，包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest.服務(wù)器端語(yǔ)言：服務(wù)器需要具備向?yàn)g覽器發(fā)送特定信息的能力。Ajax與XMLeXtensibleMarkupLanguage，可擴(kuò)展標(biāo)記語(yǔ)言是一種描述數(shù)據(jù)的格式。AJAX程序需要某種格式化的格式來在服務(wù)器和客戶端之間傳遞信息，XML是其中的一種選擇XHTML（eXtendedHypertextMarkupLanguage,使用擴(kuò)展超標(biāo)記語(yǔ)言）和CSS（CascadingStyleSheet,級(jí)聯(lián)樣式單）標(biāo)準(zhǔn)化呈現(xiàn)； 使用XMLHTTP組件XMLHttpRequest使用JavaScriptajax的該對(duì)象是對(duì)JavaScript的一個(gè)擴(kuò)展，可使網(wǎng)頁(yè)與服務(wù)器進(jìn)行通信。是創(chuàng)建AjaxAjax當(dāng)成XMLHttpRequest對(duì)象的代名詞.該對(duì)象在InternetExplorer5中首次引入，它是一種支持異步請(qǐng)求的技術(shù)。簡(jiǎn)而言之，XmlHttpRequest使您可以使用JavaScript向服務(wù)器提出請(qǐng)求并處理響應(yīng)，而不阻塞用XMLHttpRequest是XMLHTTP組件的對(duì)象，通過這個(gè)對(duì)象，AJAX可以像桌面應(yīng)用利用XmlHttpRequest3 send方onreadystatechange2、在ajax執(zhí)行過程中，服務(wù)器會(huì)通知客戶端當(dāng)前的通信狀態(tài)。因?yàn)樵趙eb2.0的應(yīng)用中，客戶端的界面沒有刷新，這樣你就必須得告訴用戶服務(wù)器端的各種狀態(tài)，但是這種情況再web1中不存在，因?yàn)樵趙eb1中如web2.0的這種情況是靠服務(wù)器端更新XMLHttpRequest對(duì)象的readyState來實(shí)現(xiàn)的。改變r(jià)eadyState的屬性時(shí)服務(wù)器端連接客戶端的一種操作方3、每次readyState屬性的改變都有觸發(fā)readystatechange1、XmlHttpRequest對(duì)象的open方法允許程序員用一個(gè)ajax調(diào)用向服務(wù)器2、method表示請(qǐng)求類型。最常用的有g(shù)et和post請(qǐng)求。如果不向服務(wù)器端發(fā)送數(shù)據(jù)，只是請(qǐng)求服務(wù)器端的數(shù)據(jù)，這個(gè)時(shí)候可以用get方法。如果要向服務(wù)器端發(fā)送數(shù)據(jù)用post方法。3、在某些情況下，有些瀏覽器會(huì)把多個(gè)XMLHttpRequest請(qǐng)求的結(jié)果緩存到同一個(gè)URL。所以應(yīng)該把能識(shí)別這次請(qǐng)求的標(biāo)示加到URL后面，最常用的就是時(shí)間戳的方式。這樣做能夠保證url的唯一性。從而避免瀏覽器的5、asynch表示請(qǐng)求是否要異步傳輸。默認(rèn)值為true(異步)true，在后面的之前，不需要等待服務(wù)器的相應(yīng)。指定false，當(dāng)處理過程經(jīng)過這點(diǎn)時(shí)，會(huì)停下來，一直等到Ajax請(qǐng)求執(zhí)行完畢再繼續(xù)執(zhí) open方法定義了Ajax請(qǐng)求的一些細(xì)節(jié)。send方法可為 若選用的是GET請(qǐng)求，則不會(huì)發(fā)送任何數(shù)據(jù)，給send方法傳遞null即可：request.send(null); 當(dāng)向send()方法提供參數(shù)時(shí)，要確保open()中指定的方法是POST，如果沒有數(shù)據(jù)作為請(qǐng)求體的一部分發(fā)送，則使用null.是一系列描請(qǐng)求的元數(shù)。部信息用來個(gè)請(qǐng)求時(shí)t還是os.2、在ajax請(qǐng)求中，發(fā)送首部信息的工作可以由setRequestHeader完3、參數(shù)header:首部的名 參數(shù)value:首部的4、如果用post請(qǐng)求向服務(wù)器發(fā)送數(shù)據(jù)，需要將”Content-type”的首部送數(shù)據(jù)，并且數(shù)據(jù)已經(jīng)符合url編碼了。用XMLHttpRequest的方法可向服務(wù)器發(fā)送請(qǐng)求。在ajax readyState表示ajax請(qǐng)求的當(dāng)前狀態(tài)。它的值用數(shù)字代表表示未初始化，還沒有調(diào)用open表示正在加載，open方法已經(jīng)被調(diào)用，但send方法還沒有被 每次readyState值的改變，都會(huì)觸發(fā)readystatechange。如果把onreadystatechange處理函數(shù)賦值給一個(gè)函數(shù)，那么每一次readyState值的改變都會(huì)該函數(shù)的執(zhí)行。1、服務(wù)器發(fā)送的每一個(gè)響應(yīng)也帶有頭部信息，三位數(shù)的狀態(tài)碼是服務(wù)2、常見狀態(tài)碼及含義： 沒有找到頁(yè)面(not 內(nèi)部服務(wù)器出錯(cuò)(internalserver 一切正常 在XMLHttpRequest對(duì)象中，服務(wù)器發(fā)送的狀態(tài)碼都保存在了status屬性里。通過這個(gè)值和200或者304做比較，可以確保服務(wù)1、XMLHttpRequest的屬性responseText包含了從服務(wù)器端發(fā)送過來HTML,XML或者普通文本。這取決于服務(wù)器發(fā)送 當(dāng)readyState屬性值為4時(shí)，responseText屬性才可用。表明 如果服務(wù)器返回的是XML,那么數(shù)據(jù)將在respon ML屬性 ML屬性才是有用的。MIME類型必須為text/xmlAjaxAjax實(shí)質(zhì)上也是遵循了Request/Response模式，所以這個(gè)框架的基本流程 對(duì)象初始 打開連 發(fā)送請(qǐng) 服務(wù)器接 服務(wù)器返 客戶端接 值給XMLHttpRequest對(duì)象的onreadystatechange屬性就可以了。比如：HTTP請(qǐng)求了。這一步調(diào)用XMLHttpRequest對(duì)象的open和send方法。http_request.open('GET','',按照順序，open調(diào)用完畢之后要調(diào)用send方法。send的參數(shù)如果是以注意:如果要傳文件或者Post內(nèi)容給服務(wù)器，必須先調(diào)用setRequestHeader方法，修改MIME類別。如下：這時(shí)資料則以查詢字符串的形式列出，作為send首先，它要檢查XMLHttpRequest對(duì)象的readyState值，判斷請(qǐng)求目前的狀態(tài)。參照前文的屬性表可以知道，readyState4的時(shí)候，代表服務(wù)器已經(jīng)傳回所有的if(http_request.readyState==4)}else//}誤。所有的狀態(tài)碼都可以在W3C的上查到。其中，200代表頁(yè)面正常if(http_request.status==200)}else//}在XML利用DOM檔類型不正確，那么respon ML的值將是空的。XMLDOMJSON（JavaScriptObjectNotation）一種簡(jiǎn)單的數(shù)據(jù)格式，比xml更輕巧。JSON是JavaScript原生格式，這意味著在JavaScript中處理JSON數(shù)據(jù)不需要任何特殊的API或工具包。JSON的規(guī)則很簡(jiǎn)單：對(duì)象是一個(gè)無序的“‘名稱/值’對(duì)”集合。一個(gè)對(duì)象以[{1:值,2:{1:值,2:]5元素值可具有的類型：stringnumberobjectarraytruefalseJSON只是一種文本字符串