第1章Ajax簡介

1、Ajax編程技術(shù)主講人：王康 大學(xué)城空間：http:/ 搜索居民空間：湖南軟件-王康 QQ：665834741什么是AjaxAjax=Asynchronous JavaScript and XML Asynchronous（異步） Javascript（一種客戶端腳本語言） XML（可擴展標(biāo)記語言） 現(xiàn)在，允許瀏覽器與服務(wù)器通信而無須刷新當(dāng)前頁面的技術(shù)都被叫做Ajax。2Ajax案例 Goggle Suggest 在 2005 年，Google 通過其 Google Suggest 使 AJAX 變得流行起來。 Google Suggest 使用 AJAX 創(chuàng)造出動態(tài)性極強的 web 界面：當(dāng)

2、您在谷歌的搜索框輸入關(guān)鍵字時，JavaScript 會把這些字符發(fā)送到服務(wù)器，然后服務(wù)器會返回一個搜索建議的列表。3Ajax案例 百度地圖4提問 根據(jù)上面所學(xué)習(xí)的內(nèi)容，你還能想到其它的Ajax的案例么？ 提示： 微博 論壇 Web QQ Gmail5Web的傳統(tǒng)模型 客戶點擊了頁面上的某一部分，瀏覽器向服務(wù)器發(fā)送一個請求，服務(wù)器返回一個完整的新頁面，其中包含所有的已修改的信息，用戶再點擊，如此反復(fù)：6使用Ajax的模型 利用Ajax，頁面代碼創(chuàng)建一個特殊的請求對象，由瀏覽器發(fā)送給服務(wù)器，服務(wù)器更新請求對象（而不是返回整個頁面），頁面代碼告訴瀏覽器只更新頁面中需要修改的部分：7什么是Ajax 不

3、用刷新整個頁面便可與服務(wù)器通訊的辦法 Flash Java Applet XMLHttpRequest：該對象是對 JavaScript 的一個擴展，可使網(wǎng)頁與服務(wù)器進(jìn)行通信。是創(chuàng)建 Ajax 應(yīng)用的最佳選擇。實際上通常把 Ajax 當(dāng)成 XMLHttpRequest 對象的代名詞 8Ajax工作原理 Ajax采用異步交互過程。Ajax在用戶與服務(wù)器之間引入一個中間媒介，從而消除了網(wǎng)絡(luò)交互過程中的處理等待處理等待缺點。 用戶的瀏覽器在執(zhí)行任務(wù)時即裝載了Ajax引擎。Ajax引擎用JavaScript語言編寫，通常藏在一個隱藏的框架中。它負(fù)責(zé)編譯用戶界面及與服務(wù)器之間的交互。 Ajax引擎允許用

4、戶與應(yīng)用軟件之間的交互過程異步進(jìn)行，獨立于用戶與網(wǎng)絡(luò)服務(wù)器間的交流。現(xiàn)在，可以用Javascript調(diào)用AJAX引擎來代替產(chǎn)生一個HTTP的用戶動作，內(nèi)存中的數(shù)據(jù)編輯、頁面導(dǎo)航、數(shù)據(jù)校驗這些不需要重新載入整個頁面的需求可以交給AJAX來執(zhí)行。 9Ajax包含的技術(shù) Ajax是多種技術(shù)的綜合，包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest，JSON 服務(wù)器端語言：服務(wù)器需要具備向瀏覽器發(fā)送特定信息的能力。Ajax與服務(wù)器端語言無關(guān)。 Ajax程序需要某種格式化的格式來在服務(wù)器和客戶端之間傳遞信息，XML 是其中的一種選擇 DOM（文檔對象模型）實現(xiàn)動態(tài)

5、顯示和交互； 使用XMLHTTP組件XMLHttpRequest對象進(jìn)行異步數(shù)據(jù)讀取; 使用JavaScript綁定和處理所有數(shù)據(jù)10Ajax為Web應(yīng)用提供的好處 瀏覽器可以同時請求多項內(nèi)容; 瀏覽器請求返回的速度會快得多; 只有頁面真正需要修改的部分得到更新; 減少服務(wù)器數(shù)據(jù)流量； 用戶可以在頁面更新的同時繼續(xù)工作; 有些改變無需與服務(wù)器往返通信就可以處理;11Ajax的缺陷 Ajax大量使用了Javascript和Ajax引擎，而這個取決于瀏覽器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持，Mozilla雖然也支持Ajax,但是提供XMLHttpRe

6、quest的方式不一樣。所以，使用AJAX的程序必須測試針對各個瀏覽器的兼容性; AJAX更新頁面內(nèi)容的時候并沒有刷新整個頁面，因此，網(wǎng)頁的后退功能是失效的；有的用戶還經(jīng)常搞不清楚現(xiàn)在的數(shù)據(jù)是舊的還是已經(jīng)更新過的。這個就需要在明顯位置提醒用戶“數(shù)據(jù)已更新”;12AJAX學(xué)習(xí)基礎(chǔ) HTML / XHTML CSS Javascript DOM 服務(wù)器端編程技術(shù)：Servlet/JSPPHPASP.NET 13AJAX學(xué)習(xí)路徑 AJAX入門 XMLHttpRequest DOM 傳輸格式XML和JSON 服務(wù)器端編程（Servlet/JSP） jQuery14小結(jié) 在本章中，概略性描述了Ajax技術(shù)的方方面面，工作原理，它的好處以及它的局限。希望通過本章，讓讀者對