JavaScript前端開發(fā)模塊化教程13任務(wù)十三-銀行客服電話查詢課件

1、任務(wù)13 銀行客服電話查詢JavaScript前端開發(fā)模塊化教程任務(wù)導(dǎo)入contents目錄成果目標(biāo)核心知識(shí)任務(wù)實(shí)施強(qiáng)化訓(xùn)練學(xué)習(xí)成果評(píng)量PART1任務(wù)導(dǎo)入全國(guó)銀行主要有中國(guó)銀行、工商銀行、建設(shè)銀行、農(nóng)業(yè)銀行等，在辦理銀行相關(guān)業(yè)務(wù)時(shí)，可以查詢各大銀行的服務(wù)電話，先電話咨詢后再選擇合適渠道辦理。本任務(wù)綜合使用Ajax+JSON技術(shù)實(shí)現(xiàn)各大銀行的服務(wù)電話查詢功能，任務(wù)完成后如圖 13 1 銀行客服電話查詢模塊效果圖所示。任務(wù)導(dǎo)入PART2成果目標(biāo)知識(shí)目標(biāo)技能目標(biāo)素質(zhì)目標(biāo)知識(shí)目標(biāo)技能目標(biāo)素質(zhì)目標(biāo)1. 列舉Ajax應(yīng)用場(chǎng)景；2. 理解Ajax原理；3. 理解JSON數(shù)據(jù)格式。1. 設(shè)計(jì)查詢表單結(jié)構(gòu)；2.

2、 設(shè)計(jì)CSS樣式；3. 開發(fā)Ajax模板；4. 處理Ajax響應(yīng)數(shù)據(jù)。1. 遵循Web開發(fā)規(guī)范；2. 培養(yǎng)嚴(yán)謹(jǐn)?shù)木幊塘?xí)慣；3. 培養(yǎng)分析和解決前端問題的能力；4. 培養(yǎng)演繹思維能力；5. 培養(yǎng)歸納思維能力。成果目標(biāo)PART3核心知識(shí)13.3.1 Ajax簡(jiǎn)介13.3.2 Ajax原理13.3.3 HTTP請(qǐng)求13.3.4 HTTP狀態(tài)碼13.3.5 定義XMLHttpRequest對(duì)象13.3.6 建立XMLHttpRequest連接13.3.7 跟蹤狀態(tài)13.3.8 中止請(qǐng)求13.3.9 Ajax請(qǐng)求與響應(yīng)模板13.3.10 獲取數(shù)據(jù)13.3.11 獲取純文本13.3.12 使用Ajax加載

3、HTML13.3.13 使用Ajax加載JSON13.3.14 獲取JavaScript腳本13.3.15 使用Ajax加載其他服務(wù)器的數(shù)據(jù)13.3.16 獲取頭部信息13.3.17 JSONP工作原理PART4任務(wù)實(shí)施13.4.1 編寫HTML13.4.2 編寫CSS樣式13.4.3 編寫JSON13.4.4 編寫JavaScript13.4.5 測(cè)試頁(yè)面PART5強(qiáng)化訓(xùn)練參考本任務(wù)，搜索中國(guó)銀行各城市支行地址和電話，設(shè)計(jì)開發(fā)中國(guó)銀行網(wǎng)點(diǎn)信息查詢模塊。強(qiáng)化訓(xùn)練PART6學(xué)習(xí)成果評(píng)量學(xué)習(xí)成果測(cè)評(píng)等級(jí)評(píng)分指標(biāo)得分及格P1.能設(shè)計(jì)制作查詢頁(yè)面結(jié)構(gòu)P2.能設(shè)計(jì)編寫查詢界面樣式P3.能使用Ajax技術(shù)根據(jù)用戶輸入關(guān)鍵字進(jìn)行JSON數(shù)據(jù)集查詢良好M1.能夠根據(jù)項(xiàng)目需求局部修改查詢界面、觸發(fā)條件和模糊匹配規(guī)則優(yōu)秀D1.能夠根據(jù)