PHP與jQuery開發(fā)實例

第1 章  使用jQuery 處理事件　　1
1.1  簡介　　1
1.2  在頁面加載完成時執(zhí)行函數(shù)　　1
1.2.1  準(zhǔn)備　　1
1.2.2  步驟　　1
1.2.3  原理　　2
1.3  綁定和解綁元素　　3
1.3.1  準(zhǔn)備　　3
1.3.2  步驟　　3
1.3.3  原理　　5
1.3.4  更多信息　　5
1.4  向即將創(chuàng)建的元素添加事件　　6
1.4.1  步驟　　6
1.4.2  原理　　7
1.4.3  參考章節(jié)　　8
1.5  使用jQuery 提交表單　　8
1.5.1  準(zhǔn)備　　8
1.5.2  步驟　　8
1.5.3  原理　　9
1.5.4  更多信息　　9
1.5.5  參考章節(jié)　　10
1.6  檢查缺少的圖像　　10
1.6.1  準(zhǔn)備　　10
1.6.2  步驟　　10
1.6.3  原理　　11
1.6.4  參考章節(jié)　　12
1.7  創(chuàng)建選擇/取消所有復(fù)選框的功能　　12
1.7.1  準(zhǔn)備　　12
1.7.2  步驟　　12
1.7.3  原理　　15
1.7.4  更多信息　　15
1.8  捕獲鼠標(biāo)事件　　15
1.8.1  準(zhǔn)備　　15
1.8.2  步驟　　15
1.8.3  原理　　17
1.9  創(chuàng)建鍵盤快捷鍵　　18
1.9.1  準(zhǔn)備　　18
1.9.2  步驟　　18
1.9.3  原理　　20
1.9.4  更多信息　　20
1.9.5  參考章節(jié)　　20
1.10  顯示用戶選擇的文本　　20
1.10.1  準(zhǔn)備　　20
1.10.2  步驟　　20
1.10.3  原理　　23
1.10.4  更多信息　　23
1.11  在頁面上拖動元素　　24
1.11.1  準(zhǔn)備　　24
1.11.2  步驟　　24
1.11.3  原理　　26
1.11.4  參考章節(jié)　　26
第2 章  使用PHP 和jQuery 　　27
2.1  簡介　　27
2.2  使用jQuery 從PHP 獲取數(shù)據(jù)　　28
2.2.1  準(zhǔn)備　　28
2.2.2  步驟　　28
2.2.3  原理　　30
2.2.4  參考章節(jié)　　31
2.3  為所有表單元素自動創(chuàng)建查詢字符串　　31
2.3.1  準(zhǔn)備　　31
2.3.2  步驟　　31
2.3.3  原理　　33
2.3.4  更多信息　　33
2.3.5  參考章節(jié)　　34
2.4  在PHP 中檢測AJAX 請求　　 34
2.4.1  準(zhǔn)備　　34
2.4.2  步驟　　34
2.4.3  原理　　35
2.4.4  更多信息　　35
2.5  向PHP 發(fā)送數(shù)據(jù)　　36
2.5.1  準(zhǔn)備　　36
2.5.2  步驟　　36
2.5.3  原理　　38
2.5.4  更多信息　　38
2.5.5  參考章節(jié)　　39
2.6  終止AJAX 請求　　39
2.6.1  準(zhǔn)備　　39
2.6.2  步驟　　39
2.6.3  原理　　41
2.6.4  參考章節(jié)　　41
2.7  創(chuàng)建空頁面并按區(qū)域加載它　　41
2.7.1  準(zhǔn)備　　42
2.7.2  步驟　　42
2.7.3  原理　　44
2.7.4  更多信息　　44
2.7.5  參考章節(jié)　　44
2.8  處理AJAX 請求中的錯誤　　 44
2.8.1  準(zhǔn)備　　44
2.8.2  步驟　　44
2.8.3  原理　　47
2.8.4  更多信息　　47
2.8.5  參考章節(jié)　　48
2.9  禁止瀏覽器緩存AJAX 請求　　 48
2.9.1  步驟　　48
2.9.2  原理　　48
2.9.3  更多信息　　 49
2.9.4  參考章節(jié)　　 49
2.10  按需加載JavaScript 以減少頁面加載時間　　49
2.10.1  準(zhǔn)備　　49
2.10.2  步驟　　49
2.10.3  原理　　51
2.10.4  更多信息　　 51
2.10.5  參考章節(jié)　　 51
第3 章  處理XML 文檔　　 52
3.1  簡介　　 52
3.2  使用SimpleXML 從文件和字符串加載XML　　54
3.2.1  準(zhǔn)備　　 54
3.2.2  步驟　　 54
3.2.3  原理　　 55
3.2.4  更多信息　　 56
3.2.5  參考章節(jié)　　 56
3.3  使用SimpleXML 訪問元素和特性　　 57
3.3.1  準(zhǔn)備　　 57
3.3.2  步驟　　 57
3.3.3  原理　　 59
3.3.4  更多信息　　60
3.3.5  參考章節(jié)　　60
3.4  使用XPath 搜索元素　　 60
3.4.1  準(zhǔn)備　　 60
3.4.2  步驟　　 60
3.4.3  原理　　 63
3.4.4  更多信息　　 63
3.4.5  參考章節(jié)　　 64
3.5  使用DOM 擴(kuò)展讀取XML 　　 64
3.5.1  準(zhǔn)備　　 64
3.5.2  步驟　　 64
3.5.3  原理　　 66
3.5.4  更多信息　　 66
3.5.5  參考章節(jié)　　 67
3.6  使用DOM 擴(kuò)展創(chuàng)建XML 　　 67
3.6.1  準(zhǔn)備　　 67
3.6.2  步驟　　 67
3.6.3  原理　　 68
3.6.4  參考章節(jié)　　 69
3.7  使用DOM 擴(kuò)展修改XML 　　 69
3.7.1  準(zhǔn)備　　 69
3.7.2  步驟　　 69
3.7.3  原理　　 71
3.7.4  更多信息　　72
3.7.5  參考章節(jié)　　72
3.8  使用jQuery 解析XML　　72
3.8.1  準(zhǔn)備　　72
3.8.2  步驟　　73
3.8.3  原理　　74
3.8.4  更多信息　　74
3.8.5  參考章節(jié)　　75
第4 章  使用JSON　　76
4.1  簡介　　76
4.2  在PHP 中創(chuàng)建JSON　　77
4.2.1  準(zhǔn)備　　78
4.2.2  步驟　　78
4.2.3  原理　　78
4.2.4  更多信息　　79
4.2.5  參考章節(jié)　　79
4.3  在PHP 中讀取JSON　　79
4.3.1  準(zhǔn)備　　79
4.3.2  步驟　　79
4.3.3  原理　　80
4.3.4  參考章節(jié)　　81
4.4  捕獲JSON 解析錯誤　　81
4.4.1  準(zhǔn)備　　81
4.4.2  步驟　　81
4.4.3  原理　　82
4.4.4  參考章節(jié)　　83
4.5  在jQuery 中訪問來自JSON 的數(shù)據(jù)　　83
4.5.1  準(zhǔn)備　　83
4.5.2  步驟　　83
4.5.3  原理　　86
4.5.4  更多信息　　86
4.5.5  參考章節(jié)　　87
第5 章  使用表單　　88
5.1  簡介　　88
5.2  在表單中動態(tài)添加輸入字段　　88
5.2.1  準(zhǔn)備　　88
5.2.2  步驟　　89
5.2.3  原理　　90
5.2.4  更多信息　　91
5.3  在頁面中搜索用戶輸入的字符串　　91
5.3.1  準(zhǔn)備　　91
5.3.2  步驟　　91
5.3.3  原理　　94
5.3.4  更多信息　　94
5.4  使用jQuery 檢查空字段　　94
5.4.1  步驟　　94
5.4.2  原理　　97
5.4.3  更多信息　　97
5.4.4  參考章節(jié)　　97
5.5  使用jQuery 驗證數(shù)字　　97
5.5.1  準(zhǔn)備　　98
5.5.2  步驟　　98
5.5.3  原理　　99
5.5.4  參考章節(jié)　　100
5.6  使用正則表達(dá)式驗證電子郵件和網(wǎng)站地址　　100
5.6.1  準(zhǔn)備　　100
5.6.2  步驟　　100
5.6.3  原理　　102
5.6.4  更多信息　　102
5.6.5  參考章節(jié)　　103
5.7  在用戶鍵入時顯示錯誤：實時驗證　　103
5.7.1  準(zhǔn)備　　103
5.7.2  步驟　　103
5.7.3  原理　　106
5.7.4  參考章節(jié)　　107
5.8  加強(qiáng)驗證：在PHP 中再次驗證　　107
5.8.1  準(zhǔn)備　　107
5.8.2  步驟　　107
5.8.3  原理　　110
5.8.4  更多信息　　110
5.8.5  參考章節(jié)　　111
5.9  創(chuàng)建投票系統(tǒng)　　111
5.9.1  準(zhǔn)備　　111
5.9.2  步驟　　111
5.9.3  原理　　115
5.9.4  更多信息　　115
5.9.5  參考章節(jié)　　115
5.10  允許在文本區(qū)內(nèi)使用HTML 和限制可使用的HTML 標(biāo)簽　　115
5.10.1  準(zhǔn)備　　116
5.10.2  步驟　　116
5.10.3  原理　　117
5.10.4  更多信息　　118
第6 章  向表單添加視覺效果　　119
6.1  簡介　　119
6.2  創(chuàng)建帶有特效的井字格游戲　　119
6.2.1  準(zhǔn)備　　119
6.2.2  步驟　　120
6.2.3  原理　　124
6.2.4  更多信息　　125
6.3  在AJAX 請求期間通知用戶　　125
6.3.1  準(zhǔn)備　　125
6.3.2  步驟　　126
6.3.3  原理　　129
6.3.4  更多信息　　129
6.3.5  參考章節(jié)　　129
6.4  創(chuàng)建可展開和折疊的方框　　129
6.4.1  準(zhǔn)備　　129
6.4.2  步驟　　129
6.4.3  原理　　132
6.4.4  更多信息　　133
6.5  更新元素后淡出　　133
6.5.1  準(zhǔn)備　　133
6.5.2  步驟　　134
6.5.3  原理　　135
6.6  按需浮動方框　　135
6.6.1  準(zhǔn)備　　135
6.6.2  步驟　　136
6.6.3  原理　　138
6.6.4  更多信息　　138
6.7  更新購物車中的商品　　138
6.7.1  準(zhǔn)備　　138
6.7.2  步驟　　139
6.7.3  原理　　143
6.7.4  更多信息　　144
6.7.5  參考章節(jié)　　144
第7 章  創(chuàng)建漂亮的導(dǎo)航菜單　　145
7.1  簡介　　145
7.2  創(chuàng)建基本的下拉菜單　　145
7.2.1  準(zhǔn)備　　145
7.2.2  步驟　　145
7.2.3  原理　　148
7.2.4  更多信息　　148
7.2.5  參考章節(jié)　　149
7.3  創(chuàng)建在鼠標(biāo)懸停時更改背景的菜單　　149
7.3.1  準(zhǔn)備　　149
7.3.2  步驟　　149
7.3.3  原理　　151
7.3.4  參考章節(jié)　　 151
7.4  創(chuàng)建折疊框式菜單　　151
7.4.1  準(zhǔn)備　　151
7.4.2  步驟　　151
7.4.3  原理　　155
7.4.4  更多信息　　156
7.4.5  參考章節(jié)　　156
7.5  創(chuàng)建浮動菜單　　156
7.5.1  準(zhǔn)備　　156
7.5.2  步驟　　156
7.5.3  原理　　160
7.5.4  參考章節(jié)　　160
7.6  創(chuàng)建選項卡導(dǎo)航界面　　160
7.6.1  準(zhǔn)備　　160
7.6.2  步驟　　160
7.6.3  原理　　163
7.7  添加更多選項卡　　164
7.7.1  準(zhǔn)備　　164
7.7.2  步驟　　164
7.7.3  原理　　168
7.7.4  更多信息　　168
7.7.5  參考章節(jié)　　169
7.8  使用選項卡創(chuàng)建向?qū)А　?69
7.8.1  準(zhǔn)備　　169
7.8.2  步驟　　169
7.8.3  原理　　173
7.8.4  參考章節(jié)　　173
第8 章  使用PHP 和jQuery 綁定數(shù)據(jù)　　 174
8.1  簡介　　174
8.2  從數(shù)據(jù)庫獲取數(shù)據(jù)并以表格形式顯示　　175
8.2.1  準(zhǔn)備　　175
8.2.2  步驟　　176
8.2.3  原理　　178
8.2.4  更多信息　　179
8.3  從表單收集數(shù)據(jù)并保存到數(shù)據(jù)庫　　179
8.3.1  準(zhǔn)備　　179
8.3.2  步驟　　179
8.3.3  原理　　183
8.3.4  更多信息　　183
8.3.5  參考章節(jié)　　183
8.4  填充彼此依賴的連鎖組合框　　183
8.4.1  準(zhǔn)備　　184
8.4.2  步驟　　185
8.4.3  原理　　188
8.5  檢查數(shù)據(jù)庫中的用戶名可用性　　189
8.5.1  準(zhǔn)備　　189
8.5.2  步驟　　190
8.5.3  原理　　192
8.5.4  更多信息　　193
8.6  為大型記錄集的數(shù)據(jù)分頁　　193
8.6.1  準(zhǔn)備　　193
8.6.2  步驟　　193
8.6.3  原理　　197
8.7  向文本框添加自動提示功能　　198
8.7.1  準(zhǔn)備　　198
8.7.2  步驟　　199
8.7.3  原理　　203
8.7.4  參考章節(jié)　　204
8.8  創(chuàng)建標(biāo)簽云　　205
8.8.1  準(zhǔn)備　　205
8.8.2  步驟　　205
8.8.3  原理　　208
8.8.4  參考章節(jié)　　208
第9 章  使用PHP 和jQuery 改進(jìn)網(wǎng)站　　209
9.1  簡介　　209
9.2  使用服務(wù)器代理發(fā)送跨域請求　　209
9.2.1  準(zhǔn)備　　209
9.2.2  步驟　　210
9.2.3  原理　　214
9.2.4  參考章節(jié)　　214
9.3  使用jQuery 創(chuàng)建跨域請求　　214
9.3.1  準(zhǔn)備　　216
9.3.2  步驟　　216
9.3.3  原理　　219
9.3.4  更多信息　　219
9.3.5  參考章節(jié)　　219
9.4  創(chuàng)建無限滾動頁面　　219
9.4.1  準(zhǔn)備　　219
9.4.2  步驟　　220
9.4.3  原理　　222
9.4.4  更多信息　　223
9.5  創(chuàng)建jQuery 插件　　223
9.5.1  準(zhǔn)備　　223
9.5.2  步驟　　223
9.5.3  原理　　226
9.6  使用jQuery 和PHP 顯示RSS 源　　227
9.6.1  準(zhǔn)備　　228
9.6.2  步驟　　228
9.6.3  原理　　230
9.6.4  參考章節(jié)　　230
附錄A  Firebug 　　231