Ajax與jQuery程序設計 “十三五”高等职业教育计算机类专业规划教材:Ajax与jQuery程序设计

關於Ajax 和jQuery 的基本概念介紹和技術講解的書籍在市場上有很多，但這些書籍只是關於一些知識點的講解，沒有全面地總結Ajax 的應用場景和代碼實現，也沒有關於兩者結合的案例。本書將Ajax 和jQuery 兩者結合起來，既有知識點的介紹，也有實際的案例，使讀者通過學習具體環境下每個實例的代碼實現掌握知識與技能。

前3章為Ajax 技術介紹及實際案例，每個案例都有詳細講解及代碼。第4 章為jQuery庫詳解，第5 章為jQuery 中Ajax 的應用，第6 章介紹了jQuery UI 的應用。第7 章為基本jQuery的應用：電子相冊系統，組合了前面多個知識點的內容，為讀者提供完整的項目參考。

本書使用大量案例覆蓋Ajax 技術應用的典型場景，案例介紹明晰，代碼註釋清楚，並使用完整的流程圖表示調用關系，在小結中指明實例可擴展改進的部分。jQuery 的介紹與使用更是符合當前的潮流，使前端開發變得更加簡捷與高效。適合作為高等職業院校電腦專業Ajax 和jQuery 課程的教材，也可作為Web 網站開發人員、JSP 和Java 程序員，以及廣大Ajax 技術應用愛好者的參考用書。

第1章Ajax概述............................... 1 
1.1 Web 2.0時代的Web開發...... .. 1 
1.1.1應用系統的發展................ 1 
1.1.2傳統Web應用的缺點....... 3 
1.2重新設計Web應用.. ............... 4 
1.2.1富Internet應用................. 4 
1.2.2 Ajax的實際應用... ............ 5 
1.3 Ajax技術簡介......................... 6 
1.3.1 Ajax的工作方式............... 6 
1.3.2 Ajax的技術核心............... 6 
1.3.3 Ajax的編程平台.... ........... 7 
1.3.4 Ajax的特徵與優勢........... 7 
1.4第一個Ajax應用實例........... .. 8 
1.4.1傳統的聊天室................... 8 
1.4.2使用Ajax實現聊天室功能........... .......... 15 
1.5兩種開發模式下的對比......... 23 
小結.................... ............................. 23
習題................................................. 24 

第2章XMLHttpRequest對象詳解.. 25 
2.1 XMLHttpRequest對象概述... 25 
2.2 XMLHttpRequest的方法和屬性.......................... .......... 26 
2.2.1 XMLHttpRequest的方法............................. 26 
2.2.2 XMLHttpRequest的屬性............................. 30 
2.3服務器請求.............. .............. 33 
2.3.1發送GET請求................ 33 
2.3.2發送POST請求...... ........ 37 
2.3.3發送請求時的編碼問題.. 38 
2.4 XMLHttpRequest對象的運行週期....................... ......... 42 
小結....................................... .......... 43 
習題...................................... ........... 43 

第3章虛擬機實時遷移................... 44 
3.1註冊表單驗證....... ................. 44
3.1.1技術要點..........................44 
3.1.2數據庫設計............. .........45 
3.1.3用戶操作界面register.html .....................45 
3.1.4服務器端響應程序.. ........47 
3.1.5驗證碼生成文件code.jsp .......................49 
3.1.6 JavaScript文件checker. js..........................50 
3.2根據郵編獲取地區信息..........53 
3.2.1技術要點..........................53 
3.2.2數據庫設計.................. ....54 
3.2.3用戶操作界面postalcode.html ................54 
3.2.4服務器端響應文件postalServlet.java ......... ....56 
3.3搜索提示模擬.........................57 
3.3.1技術要點.......... ................58 
3.3.2數據庫設計......................61 
3.3.3客戶端頁面......................61 
3.3.4服務器端程序支持..........65
3.4 XML響應...............................66 
3.4.1發送XML請求......... ......66 
3.4.2服務器端響應..................68 
3.4.3客戶端顯示............ ..........68 
3.5 JSON響應..............................69 
3.5.1 JSON數據格式................69 
3.5.2服務器端JSON格式數據生成....................... ...70 
3.5.3客戶端數據顯示..............71 
3.6三級聯動菜單................... ......75 
3.6.1技術要點..........................75 
3.6.2數據庫設計...... ................76 
3.6.3客戶端頁面......................77 
3.6.4服務器端程序..................80 
小結............................ .....................82 
習題........................... ......................82 

第4章jQuery庫詳解..................... . 83
4.1 jQuery入門............................ 83 
4.1.1 jQuery的優勢............ ..... 83 
4.1.2引入jQuery庫文件......... 84 
4.1.3 jQuery實例..................... 85 
4.2 jQuery選擇器........................ 86 
4.2.1基本選擇器............... ...... 86 
4.2.2過濾選擇器..................... 95 
4.3 jQuery中的DOM操作......... 108 
4.3.1 jQuery中基本的DOM操作......................108 
4.3.2包裹操作............ ............117 
4.4 jQuery中的HTML操作.......120 
4.4.1元素內容.................. ......120 
4.4.2元素屬性........................124 
4.4.3元素樣式........ ................126 
4.4.4元素CSS ........................131 
4.5 jQuery中的事件處理............136 
4.5.1事件處理模型................136
4.5.2 jQuery中的事件............136 
4.5.3事件處理........................154 
小結................................................164 
習題................................................164
 
第5章jQuery中Ajax的應用........ 167 
5.1 jQuery中的Ajax ..................167 
5.1.1 $.ajax( )方法...................167 
5.1.2 $.load( )方法..................169 
5.1. 3 $.get( )方法....................170 
5.1.4 $.post( )方法............. ......172 
5.1.5 $.getJSON( )方法...........173 
5.1.6 $.getScript( )方法...........175 
5.2序列化表單數據...................176 
5.2.1 serialize( )方法的定義和用法............... .....176 
5.2.2 serializeArray( )方法......178 
5.3設置全局Ajax默認選項......179
5.4 Ajax全局事件......................180 
小結...................... ..........................182 
習題...................... ..........................183 

第6章jQuery UI的應用............... 184 
6.1 jQuery UI的開發..................184 
6.2拖放組件...................... ......... 185 
6.2.1拖動組件簡介................ 185 
6.2.2拖動組件的方法........ .... 186 
6.2.3放置組件簡介................ 189 
6.2.4放置組件的應用............ 190 
6.4縮放組件............................... 192 
6.4.1縮放組件的方法.......... .. 193 
6.4.2縮放組件的應用............ 194 
6.5選擇組件........................ ....... 195 
6.5.1選擇組件的方法............ 195 
6.5.2選擇組件的應用............ 198 
6.6排序組件............................... 199
6.6.1排序組件的方法............ 199 
6.6.2排序組件的應用............ 201 
6.7 jQuery UI組件的開發.... ...... 203 
6.7.1選項卡............................ 203 
6.7.2對話框.... ........................ 204 
6.7.3日期選擇器................... . 207 
小結............................................... 209 
習題............................................... 210 

第7章基於jQuery的應用：電子相冊系統..................... 211 
7.1實現持久層............. .............. 211 
7.1.1技術要點........................ 211 
7.1.2配置SessionFactory ....... 214 
7.1.3開發通用DAO組件...... 216 
7.1.4完成DAO組件的實現類................... ......... 221 
7.2實現業務邏輯層................... 222 
7.2.1實現業務邏輯層接口..... 222 
7.2 .2配置業務邏輯層組件..... 226
7.3實現客戶端調用................... 227 
7.3.1訪問業務邏輯層組件..... 227 
7.3.2處理用戶登錄..... ........... 228 
7.3.3獲得用戶相片列表........ 231 
7.3.4處理翻頁................ ........ 233 
7.3.5實現圖片上傳................ 234 
7.3.6頁面加載時的處理........ 239 
小結............................................... 240 
習題. .............................................. 240