[引言]

上一回小博老師和大家聊了AJAX的原理與對應(yīng)前端實現(xiàn)代碼，那服務(wù)器是怎么接收客戶端的請求并作出回應(yīng)的呢。這回小博老師與大伙嘮嘮，AJAX的完整執(zhí)行流程與服務(wù)器側(cè)代碼的實現(xiàn)。

[執(zhí)行流程]

我們還是先看一張圖片，通過圖片我們看到AJAX的執(zhí)行分成二部分，涉及到的技術(shù)點不少。請不用擔(dān)心，上回的學(xué)習(xí)中以完成了客戶端的代碼，第二部分服務(wù)器側(cè)代碼一會兒小傅老師就給大伙奉上。

[流程分析]

在開始編寫服務(wù)器側(cè)代碼之前，我們將上面的執(zhí)行進行細(xì)分，方便大伙的理解。圖上的1，2，3，7步屬于客戶端操作，我們在上一回已經(jīng)實現(xiàn)，忘記的朋友復(fù)習(xí)下吧。

4，5，6操作在服務(wù)器端完成，第五步訪問數(shù)據(jù)根據(jù)實際的應(yīng)用可以忽略。小傅老師這次就不再實現(xiàn)操作數(shù)據(jù)庫了，感興趣的朋友可以查看小傅老師的相應(yīng)文章。

[服務(wù)器側(cè)代碼實現(xiàn)]

我們要在web服務(wù)器上準(zhǔn)備一程序，接收客戶端的請求并作出應(yīng)答。這個程序可以用jsp、servlet、strusts、springMVC等都可以實現(xiàn)，小傅老師就用大伙比較熟悉的servlet來實現(xiàn)。

1.創(chuàng)建一個類，并讓它繼承HttpServlet,同時重寫doGet與doPost方法

2.打開web.xml文件，配置servlet的請求路徑

[部署、測試]

小傅老師一口氣把所有代碼都搞定了，接下來就要將項目部署到Tomcat服務(wù)器容器中，并將服務(wù)器啟動起來。

打開瀏覽器，在地址欄中輸入http://localhost:8080/ajax/hiAjax.jsp

在頁面的文本框中輸入要發(fā)送的信息，點擊[ajax發(fā)送]按鈕。怎么樣，服務(wù)器是不是有信息返回了:-)

[小結(jié)]

通過這二回的學(xué)習(xí)，是不是感覺AJAX的實現(xiàn)很簡單啊?？赡苡信笥颜f，服務(wù)器代碼少，客戶端代碼那么多一不小心單詞就拼寫出錯了，還要考慮瀏覽器的區(qū)別，太麻煩了。

是的，AJAX實現(xiàn)的麻煩之處就是前端代碼繁雜很是不便，那么是否簡潔高效的前端實現(xiàn)？小傅老師賣個關(guān)子，我們下回見。