1、第12章,Ajax入門,本課教學(xué)內(nèi)容,復(fù)習(xí)：Ajax原理、關(guān)鍵代碼 Ajax案例： 1. 教材welcome2.jsp 2.設(shè)計(jì)一個(gè)網(wǎng)頁(yè)框架+ Ajax 3. 綜合實(shí)例：Ajax + Servlet + 網(wǎng)頁(yè)框架,Ajax 開(kāi)發(fā),Ajax 核心代碼 function showInfo() var xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”);/1 實(shí)例化對(duì)象： xmlHttp.open(get, info.jsp, true); /2 指定異步提交的目標(biāo)和提交方式 xmlHttp.onreadystatechange=function() /3 指定當(dāng)

2、 xmlHttp 狀態(tài)改變時(shí)，需要進(jìn)行的處理 if (xmlHttp.readyState=4) infoDiv.innerHTML = xmlHttp.responseText; /4 處理代碼 xmlHttp.send(); /5 發(fā)出請(qǐng)求 ,Ajax 簡(jiǎn)單案例 welcome2.jsp, function showInfo() var xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); xmlHttp.open(GET, info.jsp, true); xmlHttp.onreadystatechange=function() if (xmlHttp.

3、readyState=4) infoDiv.innerText = xmlHttp.responseText; xmlHttp.send(); 歡迎來(lái)到本系統(tǒng). ,Ajax 案例 網(wǎng)頁(yè)框架+ Ajax,綜合實(shí)例：Ajax + Servlet + 網(wǎng)頁(yè)框架,登錄界面： login.jsp 驗(yàn)證 Servlet： LoginServlet.java 正確返回頁(yè)： loginSuccess.jsp 錯(cuò)誤返回頁(yè)： loginFail.jsp,需要注意的問(wèn)題,Ajax 具有如下優(yōu)點(diǎn) 減輕服務(wù)器負(fù)擔(dān)，避免整個(gè)瀏覽器窗口刷新時(shí)造成的重復(fù)請(qǐng)求 帶來(lái)更好的用戶體驗(yàn) 進(jìn)一步促進(jìn)頁(yè)面呈現(xiàn)和數(shù)據(jù)本身的分離等,需要注意

4、的問(wèn)題,Ajax 具有如下缺點(diǎn) 對(duì)瀏覽器具有一定的限制，對(duì)于不兼容的瀏覽器，可能無(wú)法使用。 Ajax 沒(méi)有刷新頁(yè)面，瀏覽器上的后退按鈕是失效的，因此，客戶經(jīng)常無(wú)法回退到以前的操作,需要注意的問(wèn)題,Ajax 框架 Bindows，2003 年發(fā)布，網(wǎng)址是：。Bindows 是一個(gè)軟件開(kāi)發(fā)包，通過(guò)強(qiáng)力聯(lián)合 DHTML、JavaScript、CSS 和 XML 等技術(shù)，能生成高度交互的互聯(lián)網(wǎng) 應(yīng)用程序，成為桌面應(yīng)用程序的強(qiáng)有力對(duì)手,需要注意的問(wèn)題,Ajax 框架 BackBase，2003 年發(fā)布，網(wǎng)址是：，是一個(gè)全面的瀏覽器端框架，支持豐富的瀏覽器功能以及與.NET 和 Java 的集成,需要注意的問(wèn)題,Ajax 框架 Flash JavaScript 集成包，網(wǎng)址是：/doku.php?id=flashjs，允許JavaScript 和 Flash 內(nèi)容的集成,需要注意的問(wèn)題,Ajax 框架 Google AjaxSLT，2005 年發(fā)布，網(wǎng)址是：http:/goog- Javascript 框架，用來(lái)執(zhí)行 XSLT 轉(zhuǎn)換以及 XPath 查詢,需要注意的問(wèn)題,Ajax 框架 交互式網(wǎng)站框架，2005 年發(fā)布，網(wǎng)址是： Ajax 基礎(chǔ)結(jié)構(gòu)予以多方面的支